Ajaxを介して、DBのデータを削除したい

Question

商品の登録フォームを作成しています。
新規商品登録・商品情報の更新・商品情報の削除を行いたいのですが、削除の部分でつまっています。

/* 削除処理 */
　$("#delete").click(function() {
     var elements = document.getElementsByName("flexRadioDefault") ;
    // 選択した商品の情報を取得
    for ( var a="", i=elements.length; i--; ) {
      if ( elements[i].checked ) {
      var a = elements[i].value ;
      break ;
   　 }
    }
    // console.log(a);
    var foo = <?php echo json_encode($rows); ?>; // テーブルデータ取得
    //console.log(foo);
      $("#deleteBtn").click(function() {
        if (window.confirm('削除してもよろしいですか？')) {
           $.ajax( {
                     type: "post",
                     url: "hogehoge.php",
                     data: {
                              deleteBtn: "deleteBtn",
                              foo:foo,
                            }
             }).done(function(data) {
               // 成功時
               alert("削除しました。");
               console.log('通信成功');
               console.log(foo);
             }).fail(function(jqXHR, textStatus, errorThrown) {
               // 失敗時
               alert('削除失敗');
               console.log("jqXHR          : " + jqXHR.status); // HTTPステータスが取得
               console.log("textStatus     : " + textStatus);   // タイムアウト、パースエラー
               console.log("errorThrown    : " + errorThrown.message); // 例外情報
              }).always(function() {
                // 通信が完了したときの処理
                $("#deleteForm").modal('hide'); // モーダルを閉じる
              });
         }
   });
});

・削除処理php

/* 削除処理 */
        /* 削除処理 */
        if(isset($_POST['deleteBtn'])) {
            $sql = $pdo->prepare("SELECT * FROM m_employee");
            // SQL実行
            $sql->execute();
            $result = $sql->fetch();
            print_r($result);
            // 受け取りデータを配列に格納
            $date=$_POST['foo'];
            print_r($data);
            $data = array();
            $delete_data = $pdo->query("DELETE FROM hoge_table WHERE id =//ここに取得したidを記載したい");
            // $stmt = $pdo->prepare($delete_data);
	        echo json_encode( $data );
        }
    } catch (PDOException $e) {
        // echo "DB接続失敗 > " . $e->getMessage();
        die();
    }

・削除ボタンhtml

<div class="modal-footer">
     <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cancel">キャンセル</button>
     <button type="button" class="btn btn-danger deleteBtn" data-dismiss="modal" name="deleteBtn" id="deleteBtn">削除</button>
</div>

DBのidを基に、削除するデータを持ってこようと思っています。
予想される変数はいろいろと入れてみたのですが解決できずにいます。
変数の持ってくるにはどうしたらよいのでしょうか？
アドバイス願います。

Comments

[tabuu]

更新ができているのであれば、削除の場合も同様にIDを渡せると思うのですが。

[xxx0_0xxx]

削除と更新では、また仕様が異なるのです＞＜
更新では、商品名等を記載する入力欄があるためPOSTで渡せるのですが、
削除では、ラジオボタン押下で情報を受け取り、削除するような感じなのです・・・

[m.ts10806]

それは画面の問題であって渡す項目は同じですよね。

[m.ts10806]

あとprint_rすることでJSON文字列として正しくない情報を出力に含めてしまっていることをお忘れなく。

[tabuu]

>更新では、商品名等を記載する入力欄があるためPOSTで渡せるのですが、
>削除では、ラジオボタン押下で情報を受け取り、削除するような感じなのです・・・

提示されているソースでもAjaxでPOSTされています。
AjaxのdataにIDを追加で設定するだけではないでしょうか。

[xxx0_0xxx]

>AjaxのdataにIDを追加で設定するだけではないでしょうか。
再度回答ありがとうございます。
IDというのは、削除ボタンのid="deleteBtn"ということでしょうか？
すみません、混乱してしまって・・・
どのIDを差しているのでしょうか＞＜

[tabuu]

IDとは削除したいレコードを特定するための数値を想定しています。

すでに更新処理は実装できているということですので、
update table1 set col1 = 'abc' where id = 123;
というようなSQLを発行しているはずです。

同様に以下のようなSQLを発行すればレコードは削除できます。
delete from table1 where id = 123;

この123にあたるものをpostで送信してはいかがでしょうか。

ただし全体の設計や画面構成、テーブル定義は把握していませんので概念だけになります。
実際は仕様に合わせて調整してください。

[xxx0_0xxx]

詳しく教えていただきありがとうございます！
tabuu様のおっしゃる通り、UPDATEで使用したidを活用させることができました。
おかげさまでようやく次の実装に移ることができました。
また何かありましたら、是非お力お貸しいただければ幸いです。
ありがとうございました！

Answer 1

ajaxのdataで指定する値を間違えており、PHPに受け渡しできていなかったようです。
正しい値をあてはめたのち、
UPDATEで使用したidを持ってきて、DELETEのwhere句にあてはめると実装させられました！
tabuu様をはじめ、ご協力いただいたみなさま、ありがとうございました！

Answer 2

削除したいデータのidを渡して下さい
inputで入力欄を作ってもいいですし
ボタン自体にdata-id="xxx"とかvalue="xxx"などでidを指定しても良いでしょう

Comments

[xxx0_0xxx]

早速のご回答ありがとうございます。
アドバイスを基に、ボタンにvalue="xxx"を追加いたしました。
また、PHP側はid="xxx"と変更したのですが、エラーが起きてしまいます><

$delete_data = $pdo->query("DELETE FROM hoge_table WHERE id ='xxx'");
エラー：Unexpected token A in JSON at position 0