今天帮人看代码的时候，遇到一点小问题。使用 jQuery 上传带文件的表单时，会有些问题。 首先，因为使用的是 FormData，所以必须在传入 $.ajax 的参数中配置 processData: false。 否则将会抛出 Illegal invocation 的异常，因为 jQuery 默认是会对传入的 data 字段的数据进行处理的。 官方文档是这么解释的：其次，注意请求的 Content-Type 首部，默认是 application/x-www-form-urlencoded; charset=UTF-8，也就是我们通常见的 “...
当表单数据项很多时，手动获取表单项的值将变得效率低下，结合jQuery提供的函数serialize()，我们可以实现快速获取数据并提交表单数据。 请看下面的表单： <form id="fm"><table><tr><td>姓名</td><td><input type="text" name="name" /></td></tr><tr><td>年龄</td><td><input type="text" name="age" /></td></tr><tr><td>密码</td><td><input type="password" name="password" /></td></tr><tr><td>性别</td><td><input type="r...
原理： dom收集表单信息，利用FormData快速收集表单信息 ，实例化表单数据对象 同时收集fm的表单域信息。 var fd = new FormData(fm); //实例化对象alert(fd); fd对象内部有收集的form表单域信息 ajax传递表单信息 1.静态显示页面代码 <!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> window.onload = function(){ var fm = document.ge...
实例如下： //将form转换为AJAX提交function ajaxSubmit(url,frm,fn){var dataPara=getFormJson(frm);$.ajax({url:url,type:"post",data:dataPara,async:false,dataType:txt,success:fn});}//将form中的值转换为键值对function getFormJson(frm){var o={};var a=$(frm).serializeArray();$.each(a,function(){if(o[this.name]!==undefined){if(!o[this.name].push){o[this.name]=[o[this.name]];}o[this.name].push(this.value || ...
最近在思考优化项目，想自己扩展一个jquery自动获取表单中的数据进行ajax提交。本人没有完整性学习jquery，基本上是现学现找，有点困难。 主要是扩展和拼接json转对象 很简单，附上代码： ; (function ($) { $.fn.ajaxForm = function (options) { var defaults = { modelname: model,//后台对象接收名称 url: /,//提交地址 postType: POST,//提交方式 dataType: JSON,//数据返回类型 async: false,//是否异步 optionObj: [],//自定...
AJAX简介AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 需要引入 ： jquery-form.js使用说明：Java代码 $(document).ready(function() { var options = { target: #mydiv, // 需要刷新的区域 //beforeSubmit: showRequest, // 提交前调用的方法 //success: showR...
由于项目中需要在提交ajax前设置header信息，jquery的ajax实现不了，我们自己封装几个常用的ajax方法。jQuery的ajax普通封装var ajaxFn = function(uri, data, cb) { $.ajax({ url: uri, type: POST, dataType: json, data: data, }) .done(cb) .fail(function() { console.log("error"); }) .always(function() { console.log("complete"); }); } 原生ajax封装，设置header，传jsonvar ajaxHdFn = function(uri, data, cb) { var ...
本文实例讲述了jquery+ajax实现直接提交表单的方法。分享给大家供大家参考，具体如下： 这里给出查看帮助文档的例子 <script src="jquery-1.4.4.js"></script> <script> $(function(){$("#results").append( "<tt>" + $("form").serialize() + "</tt>" ); }); </script> <p id="results"><b>Results: </b> </p> <form><select name="single"><option>Single</option><option>Single2</option></select><select name="multiple" mul...
jquery的ajax提交form表单的两种方法小结(推荐) 方法一： function AddHandlingFeeToRefund(){var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($(#formAddHandlingFee).serialize());$.ajax({type: "POST",dataType: "html",url: AjaxURL + ?Action= + SubmitHandlingFee + &OrderNumber= + $.trim($("#<%=this.txtOrderNumber.ClientID %>").val()),data: $(#formAddHandlingFee).serialize(),success:...
本文实例讲述了jQuery ajax提交Form表单的方法。分享给大家供大家参考，具体如下： Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。 如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。 以前的处理方法 如Form代码如下： <form id="Form1" action="action.aspx" method="post" > 名称：<input name="name" type="text" /><br /> 密码：<input name="password" type="password" /><br /> 手...
本文为大家分享了一个表单验证插件，支持ajax验证，使用起来很简单。 每个需要验证的表单元素下面有一个span标签，这个标签的class有一个valid表示需要验证，如果有nullable则表示可为空；rule表示验证规则，msg表示错误提示信息；to表示要验证的元素的name值，如果元素是单个的，to可以不写。该插件会遍历每个有valid的span标签，找出它前面需要验证的元素，根据rule验证，如果验证不通过，则显示边框为红色，鼠标放在元素上时显示...
本文实例讲述了jQuery使用$.ajax提交表单的方法。分享给大家供大家参考，具体如下： 首先，新建Login.html页面： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>$.ajax()方法发送请求</title><script type="text/javascript" src="jquery-1.4.1.js"></script><style type="text/css">bo...
本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考，具体如下： 首先，新建Login.html页面： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>$.ajax()方法发送请求</title><script type="text/javascript" src="js/jquery-1.4.1.js"></script><style type=...
要实现表单验证和无刷新提交表单我们可以使用jQuery的两个很好用的插件——jquery validate.js 和 jquery form.js.具体详细说明情况下文。 1、jQuery validate.js，它说白了就是一个很高尚的人为我们写好了各种表单的验证，不用我们这些童鞋去现写了，一天天的多累啊，呵呵。 2、jQuery form.js，“这个插件能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm 和 ajaxSubmit, 能够...
AJAX越来越火了，作为一个WEB程序开发者要是不会这个感觉就要落伍，甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者，当然我也要 “随波逐流”一把，不然饭碗不保啊！之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了 Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式，一是url参数提交数据，二是fo...