jQuery ajax中使用serialize()方法提交表单数据示例

 更新时间:2013年10月14日 17:33:34   作者:  
使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交,下面是使用serialize()序列化表单的实例,感兴趣的朋友可以参考下
jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例:
复制代码 代码如下:

$.ajax({
   type: "POST",
   url: ajaxCallUrl,
   data: "Key=Value&Key2=Value2",
   success: function(msg){alert(msg);}
 });

ajax serialize():
复制代码 代码如下:

$.ajax({
         type: "POST",
         url:ajaxCallUrl,
         data:$('#formID').serialize(),// 要提交的表单
         success: function(msg) {alert(msg);}
     });

实例:

相关文章

  • 有史以来最简单的AJAX回调库

    有史以来最简单的AJAX回调库

    很多时候我们只要用到一些简单的Ajax功能,提供一些简单的回调而不需要很花哨的东西。然而现有的很多Ajax库都很大,虽然功能很多但是我们很多时候根本就不需要用到他们,我就遇到过那样的经历,所以我想弄一个很简单的Ajax回调函数来搞定。
    2008-10-10
  • 掌握AJAX

    掌握AJAX

    掌握AJAX...
    2006-09-09
  • jquery ajax多次请求数据时 不刷新问题的解决方法

    jquery ajax多次请求数据时 不刷新问题的解决方法

    下面小编就为大家带来一篇jquery ajax多次请求数据时 不刷新问题的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • Ajax邮箱、用户名唯一性验证实例代码

    Ajax邮箱、用户名唯一性验证实例代码

    这篇文章主要介绍了Ajax邮箱、用户名唯一性验证实例代码,需要的朋友可以参考下
    2017-10-10
  • 十大最佳Ajax教程收集(图文)

    十大最佳Ajax教程收集(图文)

    Ajax通常被认为是一门单独的语言,实际上它是很多语言的集合包括DHTML, Javascript, XML 和JSON,全称为Asynchronous JavaScript and XML(异步JavaScript和XML),是由Jesse James Gaiiett创造的名词。
    2010-02-02
  • jquery ajax实现批量删除具体思路及代码

    jquery ajax实现批量删除具体思路及代码

    回调函数,在请求完成后需要进行的操作:此处是把选中的checkbox去掉,接下来为大家详细介绍下,感兴趣的朋友可以参考下哈,希望对你有所帮助
    2013-04-04
  • ajax传递多个参数具体实现

    ajax传递多个参数具体实现

    在使用ajax过程中,传递参数是在所难免的尤其在特殊情况下传递多个参数,下面与大家分享下具体的是实现方法,感兴趣的朋友可以参考下哈
    2013-05-05
  • 将xml文件作为一个小的数据库,进行学生的增删改查的简单实例

    将xml文件作为一个小的数据库,进行学生的增删改查的简单实例

    下面小编就为大家带来一篇将xml文件作为一个小的数据库,进行学生的增删改查的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • pushState实现Ajax无刷新页面切换

    pushState实现Ajax无刷新页面切换

    这篇文章主要介绍了pushState实现Ajax无刷新页面切换的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 详解Ajax和form+iframe 实现文件上传的方法(两种方式)

    详解Ajax和form+iframe 实现文件上传的方法(两种方式)

    文件上传功能在项目中经常会用到,本文给大家介绍两种文件上传的实现——Ajax和form+iframe,感兴趣的朋友一起学习吧
    2016-04-04

最新评论