AJax技术

jquery 使用ajax提交form表单

字号+ 作者:H5之家 来源:H5之家 2017-04-15 09:00 我要评论( )

今天做项目的时候要求使用jquery的ajax提交表单数据到服务器,于是自己动手写了一下代码并记录下来供其他朋友参考一下,希望对大家有一定的参考价值。

今天做项目的时候要求使用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>

 

原文地址:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 前端Ajax技术原理

    前端Ajax技术原理

    2017-04-15 17:00

  • ajax数据传输方式实例详解

    ajax数据传输方式实例详解

    2017-04-15 08:04

  • AJAX和XmlHttpRequest下的Web开发(1)

    AJAX和XmlHttpRequest下的Web开发(1)

    2017-04-14 18:01

  • AJAX 向服务器发送请求 js开发教程

    AJAX 向服务器发送请求 js开发教程

    2017-04-14 16:04

网友点评
>