jQuery ajax()使用serialize()提交form数据
2016-06-29 16:40
387 查看
jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如:
这样,我们就可以把序列化的值传给ajax()作为url的参数,轻松使用ajax()提交form表单了,而不需要一个一个获取表单中的值然后传给ajax(),举例如下:
使用$.post()、$.get()和$.getJSON()也是一样的:
<form action=""> First name: <input type="text" name="FirstName" value="Bill" /><br /> 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 } });
相关文章推荐
- 使用jQuery实现ajax
- jQuery基础学习(4)(操作 CSS)
- jQuery模仿京东/天猫商品左侧分类导航菜单效果
- jQuery 学习日记(二):选择器与过滤器
- jquery的下拉选择框
- jquery动态导航三
- jquery--动态导航二
- jquery--动态导航
- jquery--图片轮番效果
- jquery中如实现判断复选框是否选中,获取选中单选按钮的值,获取选中复选框的值
- jQuery validate 动态添加校验
- JS、Jquery实现---把后台传过来的时间毫秒数转换成想要的日期格式
- jQuery验证控件jquery.validate.js使用说明+中文API
- JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
- IE8下Jquery获取select选中的值的问题
- jquery取某id的值
- jQuery学习日记(一):jQuery 对象与 DOM 对象
- jquery选择器最后一个,倒数第二个元素
- jquery添加插入元素
- DIV 拖拽