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

原创于 2013-12-10 13:43:08 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

Js&Ajax 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何使用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);}
     });

实例：