Question

我无法获取要发送的表单数据。我的情景：页面'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 （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;
 ?>

Answer 1

也许这样：）

data: {key:value}

在php中

$_POST['key']

祝你好运！

Answer 2

OP在这里：答案是AlexP的建议。由于他没有回复评论或发帖作为回答，我不能给他积分。无论哪种方式，我的解决方案确实是我的语法，就像我怀疑的那样。

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

这也是必要的：

data: "c_a_p=" + c_a_p,

Answer 3

这是您的语法更正。你没有恰当地制作你的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>

Answer 4

将数据更改为 -

data: { cap : c_a_p } ,

和Php

$vaar = $_REQUEST['cap'];

AJAX不发送数据/可能的错误语法？

4 个答案: