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简单的形式不工作

回答

相关问题