Ajaxを使用してjsonデータを上手く取得できません

< script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" > < /script>

<script>
  
$(function(){
    $('button').click(function(){
      $.ajax({
        type:'GET',
        url: "http:/ / localhost / cakephp - 2.6.3_smarty / sample1.json ",
        dataType:'json',
        cache: false,
        success: function(data){

            $('p').html(data);

        }

      });
    });
});

</script>

<p>変更前</p>

sample1.json

{"data1":,"data2":"}

上記のコードで実行していますが、出力結果が何も変わりません。
dataType:'json',をdataType:'html'にすると{"data1":,"data2":"}が出力されます。

どうしたら、jsonデータが取得できるでしょうか？
ご教授いただけると幸いです。