1

我无法发送我的表单数据。我的场景:页面“user.php”包含一个表单。其中的文本字段应将数据发送到 up_cap.php,然后将其发送回 user.php 并在不刷新页面的情况下显示。

所以基本上:用户在文本字段中输入信息,然后在提交时它出现在它旁边而不刷新页面。.php 页面没有接收到数据。

我相信我的问题是将表单数据转换为 AJAX 信息或将 AJAX 转换为 PHP 的语法。我已经为此工作了两天!非常感谢任何帮助/想法。

我基于我的代码: http: //net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

HTML (用户.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 回答
1

OP here:答案是 AlexP 的建议。由于他没有回复或发布作为答案,我不能给他积分。无论哪种方式,我的解决方案确实是我所怀疑的语法。

success: function(html) { $('#the_boxx').html(html); }

这也是需要的:

data: "c_a_p=" + c_a_p,
于 2013-06-21T18:49:56.770 回答
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 回答