質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.36%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

データベース

データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

解決済

2回答

2892閲覧

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

xxx0_0xxx

総合スコア9

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

データベース

データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

0グッド

0クリップ

投稿2021/06/16 06:10

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

/* 削除処理 */  $("#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を基に、削除するデータを持ってこようと思っています。
予想される変数はいろいろと入れてみたのですが解決できずにいます。
変数の持ってくるにはどうしたらよいのでしょうか?
アドバイス願います。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tabuu

2021/06/16 06:23

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

2021/06/16 06:32

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

2021/06/16 06:37

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

2021/06/16 06:39

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

2021/06/16 07:14

>更新では、商品名等を記載する入力欄があるためPOSTで渡せるのですが、 >削除では、ラジオボタン押下で情報を受け取り、削除するような感じなのです・・・ 提示されているソースでもAjaxでPOSTされています。 AjaxのdataにIDを追加で設定するだけではないでしょうか。
xxx0_0xxx

2021/06/16 08:05 編集

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

2021/06/16 22:55

IDとは削除したいレコードを特定するための数値を想定しています。 すでに更新処理は実装できているということですので、 update table1 set col1 = 'abc' where id = 123; というようなSQLを発行しているはずです。 同様に以下のようなSQLを発行すればレコードは削除できます。 delete from table1 where id = 123; この123にあたるものをpostで送信してはいかがでしょうか。 ただし全体の設計や画面構成、テーブル定義は把握していませんので概念だけになります。 実際は仕様に合わせて調整してください。
xxx0_0xxx

2021/06/17 00:10

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

回答2

0

自己解決

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

投稿2021/06/17 00:14

xxx0_0xxx

総合スコア9

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

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

投稿2021/06/16 06:14

yambejp

総合スコア116621

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

xxx0_0xxx

2021/06/16 06:28

早速のご回答ありがとうございます。 アドバイスを基に、ボタンにvalue="xxx"を追加いたしました。 また、PHP側はid="xxx"と変更したのですが、エラーが起きてしまいます>< $delete_data = $pdo->query("DELETE FROM hoge_table WHERE id ='xxx'"); エラー:Unexpected token A in JSON at position 0
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問