いつもお世話になっております。
下記の動作がうまくいかないのでどのようにしたら思っている動作になるのか
ご教授いただけないでしょうか。
AJAXでPOST送信しております。
<script> $(document).ready(function() {$('#form_1’).submit(function(event) { var data = { id : $('#id').val(), price : $('#price').val() }; $.ajax({type: "POST", url: "send.php", data: data, }); }); }); </script>
<form method="post" id="form_1"> <input type="hidden" name="id" id="id" value="1"> <input type="hidden" name="price" id="price" value="2000"> <input type="submit" name="submit" value="登録1番目"> </form>
上記のように作成しsend.phpにはinsertを記述しており
上手く動作しております。
これを複数設置しようと思い同じHTML上に
追加で下記を追加しました。
<script> $(document).ready(function() {$('#form_2’).submit(function(event) { var data = { id : $('#id').val(), price : $('#price').val() }; $.ajax({type: "POST", url: "send.php", data: data, }); }); }); </script>
<form method="post" id="form_2"> <input type="hidden" name="id" id="id" value="2"> <input type="hidden" name="price" id="price" value="3000"> <input type="submit" name="submit" value="登録2番目"> </form>
上記を追記して登録2番目をクリックしたのですが
データベースに登録されるのは1番目のフォームの内容が登録されます。
上記内容の問題点と解決方法をお教えいただけないでしょうか。
何卒よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/06/04 10:00