1

我在这里遇到了稍微复杂的 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 中每一行的唯一标识符（顺便说一句，这些'.$id.'行是正确的，它们在带有单引号的回显中）。所有这些都在我的#transportDivaftergetCalls()被调用时按预期显示，所以那里没有问题。点击时#submitButton会调用update.php，但是$_POST数组中没有post数据：

 echo $_POST['municipality'];

这就是我现在所做的一切。 #responseDiv由带有“注意：未定义索引：C:\inetpub\wwwroot\comm\update.php 第 3 行中的自治市”的 jQuery 帖子填充。$_POST 上的 Avar_dump()打印“array(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变量。所以我想现在的问题是：我怎样才能序列化整个表单并发送它？我想这是另一个线程的问题。

4

1 回答 1

2

该.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 );
        }
    });

}

请参阅此 SO 帖子底部的链接以获取更多 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); 
        }
    });

});
于 2013-09-11T18:43:30.380 回答