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删除数据与查看数据操作,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • Ajax使用JSON数据格式案例

    Ajax使用JSON数据格式案例

    JSON是一种简单的数据格式,比xml更轻巧。其规则很简单,对象是一个无序的名称/值对集合,下面有个案例,大家可以感受下
    2014-07-07
  • Ajax获取数据然后显示在页面的实现方法

    Ajax获取数据然后显示在页面的实现方法

    下面小编就为大家带来一篇Ajax获取数据然后显示在页面的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 看图理解 普通交互方式和Ajax交互方式区别

    看图理解 普通交互方式和Ajax交互方式区别

    看图理解 普通交互方式和Ajax交互方式区别,需要的朋友可以参考下。
    2011-11-11
  • jquery ajax实现批量删除具体思路及代码

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

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

    基于ajax实现验证码功能

    这篇文章主要为大家详细介绍了基于ajax实现验证码功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • jquery中的ajax异步上传

    jquery中的ajax异步上传

    本篇文章给大家介绍jquery中的ajax异步上传,在此需要引入ajaxfileupload.js这个js文件。接下来,有需要的朋友跟着小编一起学习吧
    2015-09-09
  • ajax 怎么设置超时(一个action执行了2遍)

    ajax 怎么设置超时(一个action执行了2遍)

    一个action执行了2遍 ,这个操作大致需要5分多钟才能完成,于是搜了几个可以设置超时的地方,希望对大家有所帮助
    2014-08-08
  • 有关Ajax跨域问题的两种解决方法

    有关Ajax跨域问题的两种解决方法

    ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,会警告,所以才出现ajax跨域的问题。
    2015-10-10
  • Ajax解决多余刷新的两种方法(总结)

    Ajax解决多余刷新的两种方法(总结)

    下面小编就为大家带来一篇Ajax解决多余刷新的两种方法(总结)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02

最新评论