Ajaxを使用してjsonのデータをphpへ渡す

Question

jQueryでjsonのデータを作成し、phpへデータを渡してjsonファイルの書き換えをしたいと思っております。
phpやjsonはまだ知識が浅いのでご助力いただきたいです。

$('body').on('click','.btn',function(){
  var hoge = [];

  $('.list').each(function(){//データ作成
    var id = $(this).data('id');
    var name = $(this).data('name');
    hoge.push({"id": id, "name": name});
  });

  var hogehoge = JSON.stringify(hoge);
  console.log(hogehoge);//データ確認

  $.ajax({
    type: "POST",
    url: "ajax.php",
    data: hogehoge,
    dataType : "json"
  }).done(function(data){
    
  }).fail(function(XMLHttpRequest, textStatus, error){
    console.log(XMLHttpRequest);
    console.log(textStatus);
    console.log(error);
  });
});

この記述にしておりますが、構文が間違っているSyntaxErrorが表示されます。
データ確認の部分で表示されたデータをJSONきれいなどのサイトでチェックしても正しいJSON形式と表示されます。
textStatusのエラーでも「parsererror」になっております。

この場合どうしたらajax.phpへ正しいデータを渡すことが可能でしょうか？

Answer 1

parsererrorということは単に戻りデータがjson形式ではないということです
dataTypeを"text"にして確認してみてください