jQuery/PHP Post Failure

jQuery/PHP Post Failure

本文关键字：Failure Post PHP jQuery      更新时间：2023-09-26

我这里有稍微复杂的jQuery和PHP问题。 在我的索引.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.'行是正确的，它们在带有单引号的回显内）。 在调用getCalls()后，所有这些都按预期显示在我的#transportDiv中，所以没有问题。 单击#submitButton时，它会调用 update.php，但 $_POST 数组中没有 post 数据：

 echo $_POST['municipality'];

这就是我现在所做的一切。 #responseDiv由jQuery帖子填充，并在第3行填充"注意：未定义的索引：C：''inetpub''wwwroot''comm''update.php中的自治市"。 $_POST 上的var_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变量。 所以我想现在的问题是：我如何序列化整个表单并发送它？ 我想这是另一个线程的问题。

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

有关更多 AJAX 示例，请参阅此 SO 帖子底部的链接。

更新：

在注释中讨论的用于测试的重组 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); 
        }
    });
});
相关文章：