Jquery ajax简单表单不起作用答案

【问题标题】：Jquery ajax simple form not workingJquery ajax简单表单不起作用
【发布时间】：2013-01-11 02:37:08
【问题描述】：

我通过 AJAX 将表单数据发送到 PHP 文件，使用 jquery 我希望我可以轻松地发送数据，因为它只是一个文本框等。在提交点击事件时，表单数据应该被序列化并发送到提交。 php，那么我应该从 php 文件中得到一个带有响应的警报。为什么它不起作用？谢谢。

<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>

【问题讨论】：

我建议您在表单提交事件处理程序中处理此问题，而不是在提交按钮单击事件中处理，因为如果您在表单内按 Enter，它将触发表单提交。因此触发默认表单提交ajax 调用

标签： javascript jquery html ajax

【解决方案1】：

你还没有初始化 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);
             }});
           });


 });

【讨论】：

辛苦了，您为我节省了很多时间，谢谢。我赶时间，抱歉。

【解决方案2】：

首先，尝试确定表单是否正确提交。尝试提交到

 url: '/submit.php'

相反，因为那可能不是正确的路径。

其次，尝试发送未序列化的值，看看是否正确。

【讨论】：