PHPで非同期処理を実装したい

Question

前提・実現したいこと

PHPでajaxをつかっていいね機能を実装したいと思っています。
質問は、ajaxのコードを書いたのですが、PHPファイルの実行が起きません。
コードの間違って部分がありましたら教えてほしいです。お願いします。

jqueryのコード

<script>
        $(function(){
            $('.btn').click(function(){
                let id = $('#id').val();
                $.ajax({
                    type: "POST",
                    url: "good.php",
                    data: { "id" : id },
                    dataType : "json"
                }).done(function(data){
                    //通っているかの確認
                    alert('a');
                }).fail(function(XMLHttpRequest, status, e){
                    alert(e);
                });
            });
        });
    </script>

PHPのコード(good.php)

<?php
//コードが長くなると思ったので、処理の部分は、省いています。
header("Content-type: application/json; charset=UTF-8");
echo json_encode(1);
exit;

参考にしたサイト

https://techacademy.jp/magazine/37062

Comments

[m.ts10806]

「実行が起きない」は何をもってそのように判断されているのでしょう。
どこにもPHPが実行されることを確認している実装はないように見えます。

Answer 1

普通に動いているみたいですけどね

<script>
$(function(){
  $('.btn').click(function(){
    let id = $('#id').val();
    $.ajax({
    type: "POST",
    url: "good.php",
    data: { "id" : id },
    dataType : "json"
    }).done(function(data){
      console.log(data);
    }).fail(function(XMLHttpRequest, status, e){
      console.log(status);
    });
  });
});
</script>
<input type="text" id="id" value="123">
<input type="button" class="btn" value="btn">

//good.php

<?php
header("Content-type: application/json; charset=UTF-8");
echo json_encode($_POST);//POST自体をJSON化するのは非推奨ですがテスト用
exit;