jQueryを用いてPOST送信

Question

特定のデータを削除するためにjqueryを用いてpost送信し、phpファイル内で$_POSTを使おうとしました。
しかし、POSTには何もないと出てきました。。。
なぜそうなるのかご教授いただけると幸いです。。。

event.idをコンソールしたときidの値は出てきました。型はStringです。
またdataBase内のidについてはプライマリーキーに設定しており、型はintです。

以下コードを載せておきます。

function(event, jsEvent, ui, view){
 				var trashcan = $('#trashcan');
 				var ofs = trashcan.offset();
 				if((ofs.left <= jsEvent.pageX) && (jsEvent.pageX <= ofs.left +trashcan.outerWidth(true)) && (ofs.top <= jsEvent.pageY) && (jsEvent.pageY <= ofs.top + trashcan.outerWidth(true))) {
 					if(confirm('「'+event.title+'」（'+ event.id +'）捨てますがよろしいでしょうか？')){
 						id = event.id;
 						$('#calendar').fullCalendar('removeEvents',id);
 						jqxhr = $.post('../wp-content/themes/twentyseventeen/calendarPhp/delete.php',{id:event.id});
 					}
 				}
 			}

delete.php内については

require "database.php";
$id = htmlspecialchars($_POST['id'],ENT_QUOTES);
$sql = "DELETE FROM". $table_name . 'WHERE id='.$id;

$query_ret = mysqli_query($db,$sql);
mysqli_close($db);

Comments

[x_x]

何もないというのはどのように確認したのでしょうか？

[naonao11]

リンクでdelete.phpのところにつないで飛んでみたんですが、Undefined index: id となっていました。。。

[x_x]

飛ぶとは？ POSTしたいのですよね？ 確認するならjqxhr.done(あるいはsuccess)を見なければわからないかと思うのですが、それ以外の方法でしょうか

[naonao11]

すみません！確認方法が違っていました！ただdelete.phpのファイルに入っただけでした。POSTの確認ができておりません。。。

Answer 1

ドキュメント(jQuery.post())に例があるので確認してみてください。
https://api.jquery.com/jQuery.post/

$.post( "test.php", { name: "John", time: "2pm" })
  .done(function( data ) {
    alert( "Data Loaded: " + data );
  });

PHPのPOSTの動作確認ならこのようなツールを使ってもいいかもしれません。
https://so-zou.jp/web-app/network/post/

データの変更をしているようなので、対象のデータが削除されたことを見てもいいかもしれませんね。

Comments

[naonao11]

おはようございます！
$.post('../wp-content/themes/twentyseventeen/calendarPhp/delete.php',{id:event.id})
.done(function(data){
alert(data);
});
と試させていただいた結果、何も出てきませんでした、、、
ツールを使わせていただきましたが、エラーはなくなったもののデータベースから対応する箇所が消えませんでした。。

[x_x]

PHPに問題があるようなので、一時的にGETにしてvar_dumpしてみるとか……
普通のデバッグ作業になるかと

[naonao11]

delete.php内の$id＝～の下に
$_GET = $_POST['id'];
を追記するということでしょうか。。。？
物分かりが悪く申し訳ございません。。

[x_x]

$_GET['id']でGETでアクセスするということです。
まあ、一例なので慣れた方法でするのがいいのではないでしょうか。

それと、doneは成功した時なので、failを使って確かに失敗しているか確認できます。

Answer 2

 jqxhr = $.post('../wpcontent/themes/twentyseventeen/calendarPhp/delete.php','id=' + event.id);

だとどうでしょうか。

Comments

[naonao11]

ありがとうございます！変わらずです。。。