Question

我在这里遇到了一些有点令人费解的jQuery和PHP问题。在我的index.php上，调用了一个javascript函数getCalls()。

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

getCalls.php从SQL数据库中进行选择。它返回一个包含所请求数据的表，以及每行的动态生成表单，以及为每个动态生成的表单动态生成的jQuery post函数（顺便说一下，这些是echo（）'）：

 <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中每行的唯一标识符（顺便说一句，那些'.$id.'行是正确的，它们在单引号的回声中）。在#transportDiv被调用之后，所有这些都显示在我的getCalls()中，因此没有问题。单击#submitButton时，它会调用update.php，但$ _POST数组中没有发布数据：

 echo $_POST['municipality'];

这就是我现在所做的一切。 #responseDiv由jQuery帖子填充，其中包含“通知：未定义的索引：第3行的C：\ inetpub \ wwwroot \ comm \ update.php中的自治市”。 $ _POST上的var_dump()打印“array（0）”

我已经坚持了几天......有什么想法吗？

更新

gibberish建议对动态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); 
        }
    });

});

jQuery / PHP发布失败

1 个答案: