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

169 阅读 0 评论 112 点赞

我是靠谱客的博主贪玩战斗机，最近开发中收集的这篇文章主要介绍jQuery ajax中使用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);}
     });

实例：