1

フォーム データを送信できません。私のシナリオ: ページ 'user.php' はフォームを保持しています。内のテキスト フィールドは、データを up_cap.php に送信してから user.php に送り返し、ページを更新せずに表示する必要があります。

つまり、基本的には、ユーザーがテキスト フィールドに情報を入力すると、送信時に、ページを更新せずにその隣に表示されます。.php ページでデータが受信されていません。

私の問題は、フォーム データを AJAX 情報に変換する構文、または AJAX を PHP に変換する構文にあると思います。2日間頑張りました！どんな助け/考えも大歓迎です。

私は自分のコードを基にしています：http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

HTML (user.php) 

 <div id="the_boxx" class="popUp2">
 <? include 'up_cap.php'?>
 </div><!--end popUp-->

HTML フォーム(user.php)

<form name="cap_update">   
              <input id="c_a_p" name="c_a_p" value="" size="30"
              class="validate[required] input" type="text" />
              <div class="clearfix;"></div></div>
              <button id="update_info" type="submit" 
               style="float:right;padding-left:10px;padding-right:10px;" 
               class="chg" >Update</button>
              </form>

JAVASCRIPT (user.php 本体の下部にあります)

<script>
$('.chg').click(function() {    
 var c_a_p = $("#c_a_p").val();
 $.ajax({
     type: "POST",
     url: "up_cap.php",
     data: "c_a_p",
     success: function() {  
  $('#the_boxx').load('up_cap.php')     
      }  
     }); return false;      

    });
 </script>

PHP (up_cap.php)

 <?
 $vaar = $_REQUEST['c_a_p'];
 echo $vaar;
 ?>
4

4 に答える 4

2

多分この方法:)

data: {key:value}

そしてphpで

$_POST['key']

幸運を ！

于 2013-06-21T13:36:10.293 に答える
0

ここに構文が修正されています。data文字列を適切に作成していません。

$('.chg').click(function() {    
 var c_a_p = $("#c_a_p").val();
 $.ajax({
     type: "POST",
     url: "up_cap.php",
     data: "c_a_p=" + c_a_p,
     success: function() {  
  $('#the_boxx').load('up_cap.php')     
      }  
     }); return false;      

    });
 </script>
于 2013-06-21T13:33:52.920 に答える
0

データを次のように変更します-

data: { cap : c_a_p } ,

そしてPhpで

$vaar = $_REQUEST['cap'];
于 2013-06-21T13:34:26.247 に答える