今天做项目的时候要求使用jquery的ajax提交表单数据到服务器,于是自己动手写了一下代码并记录下来供其他朋友参考一下,希望对大家有一定的参考价值。
注:本网站为码农们提供的大量编程教程:java教程,java实例,php教程,mysql教程,css教程,html教程,,oracle教程等等,如有兴趣,大家可以学习。
我们可以使用jquery的serialize()方法来获取表单的数据,然后使用ajax提交表单。 具体代码如下:
<form action="/your_url.php" method="post"> <input type="text" value="123"/><br/> <input type="text" value="youschool"/><br/> </form> <script type="text/javascript" src="/Public/js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> var frm = $('#contactForm1'); frm.submit(function (ev) { $.ajax({ type: frm.attr('method'), url: frm.attr('action'), data: frm.serialize(), success: function (data) { alert('ok'); } }); ev.preventDefault(); }); </script>
原文地址: