AjaxでPHPに値を送りたい。

Question

発生している問題・エラーメッセージ

Ajaxのdataに値を指定しているのですが、likes_count.phpに送れずNULLが返ってきてしまいます。

該当のソースコード

$(function () {
    $("[id^=likes]").on('click', function(e){
        e.preventDefault();
        var formData = new FormData($('#example_form').get(0));
        var id = this.id;
        id = id.replace("likes","");
        $.ajax({
            url: 'likes_count.php',
            data:{
                "id": "test",
                formData
            },
            type: "POST",
            cache: false,
            dataType: 'json',
            contentType: false,
            processData: false,
            success: function(data){
                $("#test").text(data);
            },
            error: function(){
                alert('error');
            }
        });
    })
});

<?php
    $id = filter_input(INPUT_POST, 'id');
    if($id === null){
        $id = 'null';
    }else if($id === false){
        $id = 'false';
    }
    header("Content-Type: application/json; charset=UTF-8");
    echo json_encode($id);
    exit;
?>

試したこと

{}を外してformDataだけにしたら送れましたが、idの値が送れません。

Answer 1

$(function () {
    $("[id^=likes]").on('click', function(e){
      e.preventDefault();
      var formData = new FormData($('#example_form').get(0));
      formData.append('id',$(this).attr('id').replace(/^likes/,''));
      $.ajax({
      url: 'likes_count.php',
      data:formData,
      type: "post",
      dataType: 'text',
      contentType: false,
      processData: false,
      }).done(function(data){
        console.log(data);
      }).fail(function(xhr,data){
        console.log(data);
      });
    })
});

※$("#test")のtextにjsonデータを入れるのはどうかと思うので
dataTypeはtextにしてあります。適宜調整して下さい

Answer 2

$.ajax()で送ってるdataメンバのオブジェクトは、期待どおりに生成できていないと思います。
ここを修正するのが筋でしょうが、簡単なのは不可視要素でFormData内にidを埋め込んでしまうことだと思います。