jQuery ajax()使用serialize()提交form数据

转载 2016年11月10日 13:24:33

jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如:

<form action="">
<span style="white-space:pre">	</span>First name: <input type="text" name="FirstName" value="Bill" /><br />
<span style="white-space:pre">	</span>Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
$(document).ready(function(){
    console.log($("form").serialize()); // FirstName=Bill&LastName=Gates
});
这样,我们就可以把序列化的值传给ajax()作为url的参数,轻松使用ajax()提交form表单了,而不需要一个一个获取表单中的值然后传给ajax(),举例如下:


$.ajax({
   type: 'post',
   url: 'your url',
   data: $("form").serialize(),
   success: function(data) {
       // your code
    }
});
使用$.post()、$.get()和$.getJSON()也是一样的:

$.post('your url', $("form").serialize(), function(data) {
        // your code
    }
});

$.get('your url', $("form").serialize(), function(data) {
        // your code
    }
});

$.getJSON('your url', $("form").serialize(), function(data) {
        // your code
    }
});


原文:http://www.cnblogs.com/leejersey/p/3750259.html


相关文章推荐

jQuery ajax()使用serialize()提交form数据

jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如: form action=""> Fi...
  • qddhwu
  • qddhwu
  • 2016年10月26日 19:05
  • 484

jQuery ajax()使用serialize()提交数据

jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化提交数据。HTML ...

ajax提交form表单 jQuery ajax - serialize() 方法

html代码: ajax提交form表单 4dddd 5选择框5 6选择可值是6 ...

jQuery ajax中form.serialize() 方法-输出序列化表单值

本文出自:http://www.cnblogs.com/sincoolvip/p/5938972.html 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本...

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

使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准...

将form表单里的数据封装成对象 json2.js的例子 jquery的serialize方法转换空格为+号的解决方法

将form表单里的数据封装成json对象即object,在后台中用usr就能接收全部参数了。可适用于strts2,easyUI的DataGrid 传参等 需要引用的js库有jquery 和  json...

ajax提交form表单,关键代码:$("#theForm").serialize()

原始ajax提交: ajax提交form:
  • xb12369
  • xb12369
  • 2014年08月15日 15:38
  • 7936

HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)

HTML5第8次课堂笔记   1.  模拟form表单提交数据:(get方式)   body>   form method="get"action="DataTest7">   input type=...

jquery的$('#theForm').serialize()获取表单数据,ajax传递到服务器中文乱码。

var params = $('#theForm').serialize(); params = decodeURIComponent(params,true); $.ajax({...

jQuery ajax serialize()方法的使用以及常见问题解决

使用ajax时,常常需要拼装input数据为 'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作接下来介绍jQuery ajax -serializ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery ajax()使用serialize()提交form数据
举报原因:
原因补充:

(最多只允许输入30个字)