jQuery/PHP后故障

Question

这里有一些复杂的jQuery和PHP问题。在我的index.php上，调用javascript函数getCalls()。

function getCalls()
{
    $('#transportDiv').load('getCalls.php');
}

getCalls.php从SQL数据库中进行选择。它返回一个包含请求数据的表，加上为每一行动态生成的表单，以及为每个动态生成的表单动态生成的jQuery post函数(顺便说一句，它们是echo()'d )：

 <tr>
   //Static table data here
 </tr>
<form id='form$id' action='update.php' method='post'> 
  <tr id='tr$id' style='{display: none;}'>
    <td class='$tdClass'>
      <input type='text' id='txt_municipality' name='municipality' value='$municipality'>
    </td>
    //a lot more inputs omitted
  </tr>
</form> 

  <script type="text/javascript">
  $("#submitButton'.$id.'").click( 
    function() 
    {
     $.post( $("#form'.$id.'").attr("action"), 
             $("#form'.$id.':input").serializeArray(), 
             function(info)
             {
              $("#responseDiv").html(info); 
             }
           );
     getCalls();
    }
  );
  </script>     

$id是一个PHP变量，包含SQL中每一行的唯一标识符(BTW，这些'.$id.'行是正确的，它们在带有单引号的回显中)。在调用#transportDiv之后，所有这些都如预期的那样出现在我的getCalls()中，因此没有问题。单击#submitButton时，它调用update.php，但$_POST数组中没有post数据：

 echo $_POST['municipality'];

这就是我现在要做的。#responseDiv由jQuery贴子填充，上面写着“通知:未定义的索引:第3行C:\inetpub\wwwroot\comm\update.php中的市政当局”。var_dump()在$_POST上打印“数组(0)”

我被困在这上面好几天了..。有什么想法吗？

更新

胡言乱语地建议对动态jQuery调用进行这种更改：

  <script type="text/javascript">
   $("#submitButton'.$id.'").click(function(){
    var url = $("#form'.$id.'").attr("action");
   alert("Is this url correct: " + url);
  $.ajax({
     type : "POST",
     url : url,
     data : "somevarname=Hello there",
     success: function(info) {
         $("#responseDiv").html(info); 
     }
  });
 });
</script>

这确实成功地发送了somevarname变量。因此，我想现在的问题是:如何序列化整个表单并将其发送出去？我想这是另一条线索的问题。

Answer 1

.load()方法不执行您认为它所做的事情。

您的问题是getCalls.php does a select from SQL database --但如果使用jQuery .load()方法，则不会发生这种情况，只有使用AJAX时才会有效。这是因为服务器必须运行PHP，而.load()则在浏览器中运行。浏览器请求执行PHP (并返回数据)的唯一方法是通过AJAX。

我怀疑您真正想要做的是使用AJAX，如下所示：

function getCalls(){

    $.ajax(function() {
        type: "POST",
        url: 'getCalls.php',
        success: function(recd_data) {
            $('#transportDiv').html( recd_data );
        }
    });

}

请参阅this SO post底部的链接以获得更多AJAX示例。

更新：

注释中讨论的用于测试的经过重组的AJAX代码：

$("#submitButton'.$id.'").click(function(){
    var url = $("#form'.$id.'").attr("action");
    alert('Is this url correct: ' + url);
    $.ajax({
        type = "POST",
        url = url,
        data = 'somevarname=Hello there',
        success: function(info) {
            $("#responseDiv").html(info); 
        }
    });

});