タイトルの通りなのですが、PHP+AjaxでのPOSTの送受信についてお伺いしたいと思います。
JavaScriptで遷移無しにFormから確認画面を経由してDataBaseに登録という流れを作る場合に
下記のコードでいけると思ったのですが、何故か確認画面でpostが飛んできておらずエラーが吐き出されます。
色々調べて見たのですが、原因がわかりません。
初歩的な質問だとは思いますが、どうぞ宜しくお願い致します。
javascript
1// Frame.php(一部抜粋) 2 3<div class="wrap"> 4</div> 5 6<script type="text/javascript"> 7$(function(){ 8 "use strict"; 9 10 var $content = $('.wrap'); 11 var param1 = $('.test1').val(); 12 var param2 = $('.test2').val(); 13 var myDisplay = 'index.php'; 14 15 getPage('index.php'); 16 17 $(document).on('click', '.btn', function(event){ 18 event.preventDefault(); 19 var link = $(this).attr('href'); 20 if(link !== myDisplay){ 21 $content.html(function(){ 22 getPage(link); 23 }); 24 myDisplay = link; 25 } 26 }); 27 28 function getPage(element){ 29 var promise = $.ajax({ 30 type: 'POST', 31 url: element, 32 data: { 33 test1: param1, 34 test2: param2 35 } 36 }); 37 promise.done(function(data){ 38 $content.html(data); 39 }); 40 } 41}); 42</script> 43
html
1// index.php 2 3<form action="" method="post"> 4 <input type="text" name="textTest" class="test1" value=""> 5 <input type="text" name="textTest" class="test2" value=""> 6 <a name="test" class="btn btn-default" href="confirm.php">送信</a> 7</form> 8
php
1// confirm.php 2 3<?= $_POST['test1'] ?> 4
吐き出されるエラーは以下の通りです。
Notice: Undefined index: test1 in C:\xampp\htdocs\test\confirm.php on line 2
回答4件
あなたの回答
tips
プレビュー