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'

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

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

Jquery ajax简单形式无法正常工作

2 个答案: