jQuery的AJAX簡單的形式不工作

我發送表單數據通過AJAX的PHP文件，使用jQuery我希望我可以把容易看到的數據，因爲它只有一個文本框等。在提交點擊事件發生在表單數據應該是序列化併發送到submit.php，那麼我應該從響應的PHP文件中得到一個警報。爲什麼它不起作用？謝謝。jQuery的AJAX簡單的形式不工作

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script> 
$('#submit').click(function (e) { 
e.preventDefault(); 


$.ajax({type:'POST', url: 'submit.php', data:$('#myform').serialize(), success: 
function(response) { 
alert(response); 
}}); 

}); 

</script>

然後HTML：

<form id="myform" > 
<input type="text" name="content" value="button should be on same line" /><input 
type="submit" class="button" value="Submit" id="submit" /> 
</form>

來源

2013-01-10 bobster

我會建議你在表單提交事件處理程序而不是提交按鈕單擊事件處理這個，因爲如果你按下表格內的輸入它會觸發表單提交..因此觸發默認表單提交而不是ajax調用 –

您還沒有initalized的DOM？

$(document).ready(function(){  
    // do your work here 
});

編輯：

試試這個：

$("#submit").live("click", function (e) { 
      e.preventDefault(); 


      $.ajax({type:'POST', url: 'submit.php', data:$('#myform').serialize(), success: 
      function(response) { 
       alert(response); 
      }}); 
      }); 


});

來源

2013-01-10 18:20:44

工作過，你爲我節省了很多時間，謝謝。我在衝着東西，對不起。 – bobster

你的歡迎... –

@bobster如果這個爲你工作。只需將此答案標記爲「已接受」 – JAVAGeek

首先，嘗試確定形式提交正確。嘗試提交到

url: '/submit.php'

而不是，因爲這可能不是正確的路徑。

其次，嘗試發送去系列化的價值，看看如果你得到一個正確的。

來源

2013-01-10 18:24:38 SoluableNonagon

jQuery的AJAX簡單的形式不工作

回答

相關問題