jQuery / PHP發布失敗

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.'行是正確的，它們在帶有單引號的回聲內）。 調用getCalls()后，所有這些都會按預期顯示在我的#transportDiv ，所以在那里沒有問題。 單擊#submitButton ，它將調用update.php，但$ _POST數組中沒有發布數據：

 echo $_POST['municipality'];

這就是我現在所做的全部。 #responseDiv由jQuery帖子填充“第3行的C：\\ inetpub \\ wwwroot \\ comm \\ update.php中的“注意：未定義的索引：市政”。 $ _POST上的var_dump()打印“ array（0）”

我已經堅持了好幾天..有什么想法嗎？

UPDATE

亂碼建議對動態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 );
        }
    });

}

請參閱此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); 
        }
    });

});