jQuery基于ajax()使用serialize()提交form数据的方法


Posted in Javascript onDecember 08, 2015

本文实例讲述了jQuery基于ajax()使用serialize()提交form数据的方法。分享给大家供大家参考,具体如下:

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

<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
<script>
$(document).ready(function(){
 console.log($("form").serialize());
 // FirstName=Bill&LastName=Gates
});
</script>

这样,我们就可以把序列化的值传给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程序设计有所帮助。

Javascript 相关文章推荐
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 Javascript
用Javascript同时提交多个Web表单的方法
Dec 26 Javascript
JavaScript实现找出数组中最长的连续数字序列
Sep 03 Javascript
JS中FRAME的操作问题实例分析
Oct 21 Javascript
Js实现网页键盘控制翻页的方法
Oct 30 Javascript
JavaScript实现的一个计算数字步数的算法分享
Dec 06 Javascript
基于javascript实现的快速排序
Dec 02 Javascript
js实现图片懒加载效果
Jul 17 Javascript
JavaScript 判断对象中是否有某属性的常用方法
Jun 14 Javascript
vue 进阶之实现父子组件间的传值
Apr 26 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
Jun 05 Javascript
解决vuex刷新数据消失问题
Nov 12 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
Dec 08 #Javascript
jquery+ajax实现注册实时验证实例详解
Dec 08 #Javascript
jQuery使用$.ajax进行即时验证的方法
Dec 08 #Javascript
基于JavaScript创建动态Dom
Dec 08 #Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 #Javascript
JS判断当前页面是否在微信浏览器打开的方法
Dec 08 #Javascript
js实现兼容IE、Firefox的图片缩放代码
Dec 08 #Javascript
You might like
层叠菜单的动态生成
2006/10/09 PHP
PHP 金额数字转换成英文
2010/05/06 PHP
php计算指定目录下文件占用空间的方法
2015/03/13 PHP
php实现无限级分类(递归方法)
2015/08/06 PHP
php通过淘宝API查询IP地址归属等信息
2015/12/25 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
javascript 设置文本框中焦点的位置
2009/11/20 Javascript
JavaScript入门之事件、cookie、定时等
2011/10/21 Javascript
javascript 常用功能总结
2012/03/18 Javascript
javascript的console.log()用法小结
2012/05/31 Javascript
网页防止tab键的使用快速解决方法
2013/11/07 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
jQuery层级选择器用法分析
2015/02/10 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
JS获取随机数和时间转换的简单实例
2016/07/10 Javascript
js仿腾讯QQ的web登陆界面
2016/08/19 Javascript
nodejs实例解析(输出hello world)
2017/01/03 NodeJs
详解AngularJs HTTP响应拦截器实现登陆、权限校验
2017/04/11 Javascript
详解vue嵌套路由-params传递参数
2017/05/23 Javascript
原生JavaScript实现的简单省市县三级联动功能示例
2017/05/27 Javascript
详解vue.js的事件处理器v-on:click
2017/06/27 Javascript
angularjs实现天气预报功能
2020/06/16 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
2018/09/06 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
2018/11/30 Javascript
Python3控制路由器——使用requests重启极路由.py
2016/05/11 Python
python爬虫selenium和phantomJs使用方法解析
2019/08/08 Python
对python 树状嵌套结构的实现思路详解
2019/08/09 Python
Python连接Oracle之环境配置、实例代码及报错解决方法详解
2020/02/11 Python
2014端午节活动策划方案
2014/01/27 职场文书
国庆节文艺活动方案
2014/02/03 职场文书
2014年英语教学工作总结
2014/12/17 职场文书
元宵节晚会主持词
2015/07/01 职场文书
工作违纪的检讨书范文
2019/07/09 职场文书
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python
青岛市的收音机研制与生产
2022/04/07 无线电