JQuery Ajax传递整个表单数据方法
jQuery提倡写更少的代码,做更多的事。jQuery的Ajax是我们经常 用到的一个方法,当需要传递的数据比较少时我们可以一一的整理成 url字符串然后传递给服务器,接受返回的数据。当数据比较多时,我们再一味的用老方法整理数据传递给服务器,无疑是违背了jQuery写更少的代码的初 衷。因为jQuery的Ajax能传递整个表单的数据。
jQuery Ajax传统的传递数据的方法:
$.ajax({ type : 'post', url : 'http://php.0312.us', dataType : 'text', data : 'name1=' + $('#name1').val() + '&name2=' + $('#name2').val(), success : function (xml) {alert(xml); }, error : function (xml, err) { alert(err); } });
上面的代码是利用jQuery Ajax向服务器(http://php.0312.us)传递name1,name2的数据;假如Form表单中有name(n)个数据,您还要一一的去整理吗?
jQuery Ajax传递整个表单数据的方法:
$.ajax({ type : 'post', url : 'http://php.0312.us', dataType : 'text', data : $('#formID').serialize(), success : function (xml) { alert(xml); }, error : function (xml, err) { alert(err); } });
jQuery serialize方法将Form表单的各数据编码并整理为一个可以提交的字符串。如:a=123&b=456&c=789
转载至:http://webkook.com/archives/134
转载于:https://www.cnblogs.com/cxyzl/archive/2012/07/24/2606142.html
JQuery Ajax传递整个表单数据方法相关推荐
- ajax提交form表单到php,ajax如何提交form表单数据?ajax提交form表单数据的方法介绍...
对于form表单数据的提交,我们一般都会想到使用ajax提交,那么,ajax如何来提交form表单数据呢?接下来的这篇文章就来给大家来介绍关于ajax提交form表单数据方法,有需要的伙伴可以参考一下 ...
- php yii2自动给值,Yii2基于Ajax自动获取表单数据的方法
本文实例讲述了Yii2基于Ajax自动获取表单数据的方法.分享给大家供大家参考,具体如下: 这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gi ...
- ajax获取表单php,Yii2基于Ajax自动获取表单数据的方法
本文实例讲述了Yii2基于Ajax自动获取表单数据的方法.分享给大家供大家参考,具体如下: 这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gi ...
- jquery ajax json传递数组,jQuery ajax 传递JSON数组到Spring Controller
jQuery ajax传递单个JSON对象到后台很容易,这里记录的是传递多个JSON对象组成的JSON数组到java 后台,并说明java如何解析JSON数组. 1.js代码 var relation ...
- jQuery ajax 传递JSON数组到Spring Controller
jQuery ajax传递单个JSON对象到后台很容易,这里记录的是传递多个JSON对象组成的JSON数组到java 后台,并说明java如何解析JSON数组. 1.js代码 var relation ...
- ajax 提交间隔,jQuery+Ajax实现限制查询间隔的方法
本文实例讲述了jQuery+Ajax实现限制查询间隔的方法.分享给大家供大家参考,具体如下: Jquery异步查询加载效果 .span_query { cursor:pointer;} $(funct ...
- jQuery ajax跨域请求的解决方法
jQuery ajax跨域请求的解决方法 参考文章: (1)jQuery ajax跨域请求的解决方法 (2)https://www.cnblogs.com/freeweb/p/4908832.html ...
- jq中ajax请求跨域,jquery+ajax实现跨域请求的方法
本文实例讲述了jquery+ajax实现跨域请求的方法.分享给大家供大家参考.具体实现方法如下: 说明:这里的dataType 为 "jsonp" :type 只能为 GET ...
- ajax异步提交 java_jquery ajax异步提交表单数据的方法
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据 ...
最新文章
- 手机号 imsi tmsi_抓取网站访客手机号
- 单位四元数(unit quaternion)
- PythonOpenCV - 随机生成图像 与 图像的转维(reshape)
- ITK:使用最小最大曲率流平滑RGB图像
- java图形验证码生成工具类
- java生成flash_针对 Flash 开发者的最新 Capuchin 计划资源
- Hadoop webHDFS设置和使用说明
- matlab 正则化表达式_MATLAB 正则表达式(一)(转)
- Crystal Reports Maximum Report Processing Jobs Limit
- 复制的python代码格式错误_新手常见6种的python报错及解决方法
- SIP - pjsip Linux Windows 编译安装
- mysql 拼音模糊查询_mysql中文字段转拼音首字母,以及中文拼音模糊查询
- 基于JAVA大数据在线考试系统在线阅卷系统及大数据统计分析计算机毕业设计源码+数据库+lw文档+系统+部署
- 计算机综合布线毕业论文设计方案,网络综合布线毕业论文设计.doc
- 用Python写的简易PDF阅读器
- img图片实现垂直居中
- 时间复杂度比较以及额外空间复杂度O(1)
- 互联网周刊:O2O商业模式剖析
- 富有组织性是通往成功的必要习惯
- Linux下ffmpeg的完整安装
热门文章
- Flink SQL Client读Kafka+流计算(DDL方式+代碼嵌入DDL/SQL方式)
- java.io.IOException: No FileSystem for scheme: hdfs转载加自己笔记
- 使用gitkraken来push的流程
- armadillo 配置
- linux检查运行程序文件,LINUX定时检查程序运行状态
- OpenVX, 运算加速库, NVIDIA
- 用c语言编译二叉树,C语言实现二叉树的基本操作
- mysql aggregate_SQL语句之Aggregate函数
- BLE CC2541 串口BootLoader 即 SBL BootLoader 资料 收集
- Poj 1611 The Suspects