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

Question

我正在通过 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>

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


 });