javascript - Jquery ajax简单表单不起作用

Question

我通过 AJAX 将表单数据发送到 PHP 文件，使用 jquery 我希望我可以轻松地发送数据，因为它只是一个文本框等。在提交点击事件时，表单数据应该被序列化并发送到 submit.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>

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


 });

Answer 2

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

 url: '/submit.php' 

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

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