Jquery ajax简单表单不工作

Jquery ajax simple form not working

本文关键字：工作 表单 简单 ajax Jquery      更新时间：2023-09-26

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

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

 });

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

 url: '/submit.php'

，因为这可能不是正确的路径。

第二，尝试发送未序列化的值，看看是否得到正确的值。

相关文章：