背景 相比于读取excel到List>对象中,抽象一个方法将excel数据直接一步读取到指定的类对象中,更为方便。...代码 通过类Class读取excel数据到对象 /** * 使用Class来读取Excel * * @param inputStream Excel的输入流 * @param excelTypeEnum...CellDataTypeEnum supportExcelTypeKey() { return CellDataTypeEnum.STRING; } /** * 将excel...GlobalConfiguration globalConfiguration) { return cellData.getStringValue(); } /** * 将Java...GlobalConfiguration globalConfiguration) { return new CellData(value); } } 使用时创建对应
【表单序列化】 Ajax 用的最多的地方莫过于表单操作,而传统的表单操作是通过 submit 提交将数据传 输到服务器端。如果使用 Ajax 异步处理的话,我们需要将每个表单元素逐个获取才方能提 交。...对比数据传输的差别: //常规形式的表单提交 $('form input[type=button]').click(function(){ $.ajax({ type:'POST', url:'test.php...方法为:使用表单序列化方法.serialize(),会智能的获取指定表单内的所有元素。这样,在面对大量表单元素时,会把表单元素内容序列化为字符串,然后再使用 Ajax 请求。...data 属性传递的时候,如果是以对象形式传递键值对,可以使用$.param()方法 将对象转换为字符串键值对格式。...Var obj={a:1,b:2,c:3}; var form=$.param(obj); //将obj json对象转成字符串键值对 alert(form);
element).prevAll([selector]); //之前的所有节点 $(document.querySelector('h1')); //dom对象转...jquery对象 $('h1')[0]; or $('h1').get(0); //jquery对象转dom对象 $('a');...a:b;} }); Ajax&Form $.ajax(options) | jQuery.ajax(options); $.get("demo_test.php",function(data,status...$.ajaxStop(callback); //设置Ajax全局预设值 $.ajaxSetup(options); //获取表单序列化结果 $("form").serialize(); //return...JSON $("form").serializeArray(); $("form").submit(); $("form").reset(); //对象序列化 $.param(obj,[traditional
这个方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的。...注意一下,alert(data.result); 由于设置了Accept报头为“json”,这里返回的data就是一个对象,并不需要用eval()来转换为对象。...errorFunction(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。...processDataBoolean(默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded...> serializeArray() 结果为: 一些资源 一个jQuery的Ajax Form表单插件:http://www.malsup.com/jquery/form/ 一个专门生成Loading
jQuery.param() 创建数组或对象的序列化表示,适合在 URL 查询字符串或 Ajax 请求中使用。 jQuery.post() 使用 HTTP POST 请求从服务器加载数据。....serialize() 将表单内容序列化为字符串。 .serializeArray() 序列化表单元素,返回 JSON 数据结构数据。...这个方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的。...注意一下,alert(data.result); 由于设置了Accept报头为“json”,这里返回的data就是一个对象,并不需要用eval()来转换为对象。...processData Boolean (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded
thinkphp关于ajax的介绍 1.1 ajaxReturn: Thinkphp 的ajaxReturn很好用,尤其是配合前端的jQuery \Think\Controller类提供了ajaxReturn...配置方式:convention.php中定义了默认编码类型为DEFAULT_AJAX_RETURN => 'JSON', 分析:ajaxReturn()调用了json_encode()将数值转换成json...'#form').serializeArray(); 得到: [ {name: 'firstname', value: 'Hello'}, {name: 'lastname', value: 'World...ob_clean(); echo json_encode($obj); 或者 将controller.php 编码改为utf8 或者 干脆直接重新创建了一个 ---- Action类提供了ajaxReturn...并且支持JSON、XML和EVAL三种方式给客户端接受数据,通过配置DEFAULT_AJAX_RETURN进行设置,默认配置采用JSON格式返回数据,在选择不同的AJAX类库的时候可以使用不同的方式返回数据
异步提交表单 异步提交表单的步骤 所谓异步提交表单,就是不再使用表单的提交按钮实现表单的提交功能,而是通过Ajax异步交互方式实现表单提交。具体实现步骤如下: 获取表单及所有表单组件对应的数据值。...将所有表单组件对应的数据值拼成特定格式的字符串或是JSON格式数据。 通过Ajax异步交互方式提交表单。...$('form').serialize() serializeArray()方法: 将表单组件对应的数据值序列化为JSON格式的数据内容。...$('select, :radio').serializeArray() 代码演示 form").serializeArray(); console.log(data); // post请求方式 $.get("data/server5.json", data, function
非String对象将通过 $.param 得到序列化字符串。 processData (默认: true): 对于非Get请求。是否自动将 data 转换为字符串。 ...global (默认:true): 请求将触发全局Ajax事件处理程序,设置为 false 将不会触发全局 Ajax 事件。 ...,在Ajax请求中提交数据使用的URL编码的查询字符串表示。...112.serializeArray serializeArray() 数组:array 将提交的表单元素的值编译成拥有name和value对象组成的数组,不能使用的表单元素, buttons...$('form').serializeArray() //=> [{ name: 'size', value: 'micro' }, // { name: 'name', value
原文链接 github项目地址 表单相关回顾 在开始学些form模块相关方法前,我们先来回顾一下表单提交时,浏览器是怎么样将数据发送给服务器的(以下内容摘自《JavaScript高级程序设计》第14...章 14.4节 表单序列化) 对表单字段的名称和值进行URL编码,使用&分隔。...有了上面的知识的回顾,接下来我们开始看zepto中serialize和serializeArray的实现 serializeArray 因为serialize依赖serializeArray的实现,...而他的作用是把form表单序列化成一个由 name 和 value 属性组成的对象的数组。...向zepto.js学习如何手动触发DOM事件 谁说你只是"会用"jQuery? ajax模块 原来你是这样的jsonp(原理与具体实现细节)
前言 form表单序列化成json格式有2种方式: 1.使用jquery.min.js 自定义一个serializeJson方法 2.用jquery.serializejson.min.js插件,调用....").serialize()); }) 调用serializeArray()方法,会生成数组对象 $("#save").click(function () { form = $("#query_form...").serializeArray(); console.log(form); console.log(JSON.stringify(form)); }) 数组结构如下 [ {"name...":"email","value":"aaa"}, {"name":"password","value":"123456"} ] serializeJson 转json 用到serializeArray...文件顶部写一个方法 //定义serializeObject方法,序列化表单 $.fn.serializeJson = function() { var o = {}; var a = this.serializeArray
前言 JavaScript最初的一个应用场景就是分担服务器处理表单的责任,打破处处依赖服务器的局面,这篇文章主要介绍zepto中form模块关于表单处理的几个方法,serialize、serializeArray...表单相关回顾 在开始学些form模块相关方法前,我们先来回顾一下表单提交时,浏览器是怎么样将数据发送给服务器的(以下内容摘自《JavaScript高级程序设计》第14章 14.4节 表单序列化)...对表单字段的名称和值进行URL编码,使用&分隔。...而他的作用是把form表单序列化成一个由 name 和 value 属性组成的对象的数组。...向zepto.js学习如何手动触发DOM事件 谁说你只是"会用"jQuery? ajax模块 原来你是这样的jsonp(原理与具体实现细节)
在使用jQuery时,需要注意jQuery对象和DOM对象的区别,通常对于jQuery对象,会在变量前加$,如var $variable=jQuery对象;。可以通过如下方式对两者进行转化。...jQuery选择器 示例 基本选择器 #id, .class, element 最基本的id,类,元素选择器 * 匹配所有元素, $("*") selector1,selector2,… 将每一个选择器匹配到元素合并后一起返回...()序列化为JSON数据 $.param(obj)将普通对象序列化 全局事件 $('#loading').ajaxStart(function(){}); .ajaxStop(), .ajaxComplete...(),.ajaxSend(),.ajaxSuccess() 具体示例如下所示,这儿示例是form提交,而不是json提交,需要注意(通常调用接口,使用json提交;而页面的ajax请求,推荐使用form...').serializeArray(), 13 /* contentType : 'application/x-www-form-urlencoded
http://www.cnblogs.com/funnyzpc/p/7571998.html 内容提要 ---- 选择器(第一节) 选择器的扩展方法(第一节) 节点的CSS操作及节点其他操作(第一节) Ajax...总之,这样麻烦;哈哈~ヽ(●´ω`●)ノ,既然麻烦,jQuery给我们提供了两个好用的方法serializeArray()和serialize() 前者可以将表单的参数值序列化成一个Array的形式(...ಠ) 啊哈,这个问题就不折腾了 就交给聪明的读者吧~~~ 哦~~~,还存在一个问题是,如果表单外层的form标签若不存在,则不能序列化参数,如果table标签里面嵌一个form的也不能,至于这个原因...以上代码中的each方法的返回值有两个 idx:当前循环到的dom对象所在的下标位置 ele:当前循环到的dom对象可直接使用jQuery的方法对当前循环的dom进行操作 关于遍历这一节就不过多缀诉了...toFixed(小数位数):此方法可以将Number四舍五入保留指定长度小数位 ?
JSON.parse(): 用于将一个 JSON 字符串转换为 JavaScript 对象 eg: console.log(JSON.parse('{"name":"Yuan"}')); console.log...JavaScript 值转换为 JSON 字符串。 ...python的json库还有一个函数是json.loads(),将已编码的json字符串解码为python对象。通过render我们将json格式的username传到前端。...JSON.parse() 方法用于将一个 JSON 字符串转换为对象。另一个方法JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串。...其实这里就使用了AJAX技术!
使用SpringMVC和JQuery,异步post提交还有文件的表单。...-- 将RequestBody中的数据转换成MultiMap --> 将RequestBody中的数据转换成MultiMap --> <bean class="org.springframework.http.converter.FormHttpMessageConverter...console.log("更新验证码:第" + refreshCount + "次"); var formData = {}; var dataArray = $("#testForm").serializeArray...JavaScirpt信息 function submitUpload() { var formData = new FormData(); var dataArray = $("#uploadForm").serializeArray
Form 模块处理的是表单提交。表单提交包含两部分,一部分是格式化表单数据,另一部分是触发 submit 事件,提交表单。...serializeArray 最终返回的结果是一个数组,每个数组项为包含 name 和 value 属性的对象。其中 name 为表单元素的 name 属性值。...然后调用 add 方法,将表单元素的值获取到交由其处理。...注意 eq 和 get 的区别, eq 返回的是 Zepto 对象,而 get 返回的是 DOM 元素。...模块 HTMLFormElement.elements License 署名-非商业性使用-禁止演绎 4.0 国际 (CC BY-NC-ND 4.0) 作者:对角另一面
").submit(function () {//serializeArray() $.post("ajax/login2.do", $("#form1").serializeArray...} public void setPassword(String password) { this.password = password; } } 带参数的文件上传,使用了...return false; }); }); //beforeSubmit回调函数带三个调用参数:数组形式的表单数据,jQuery表单对象...,以及传入ajaxForm/ajaxSubmit中的Options对象 function checkForm(formData, jqForm, options) {...id="form1" enctype="multipart/form-data"> 帐号:<input type="text" id="username" name="username" size
(针对值类型有效) (8)某些类就是无法XML序列化的(即使使用了[XmlInclude]) 比如:IDictionary(如HashTable);父类对象赋予子类对象值的情况;对象间循环引用; (9)...对于无法XML序列化的对象,可考虑: 1、使用自定义xml序列化(实现IXmlSerializable接口); 2、实现IDictionary的类,可考虑: (1)用其它集合类替代;...如XML序列化System.Drawing.Color,可先用ToArgb()将其转换为整数; 过于复杂的对象用xml序列化不便的话,可考虑用二进制序列化; (10)默认构造函数是必须的,因为反序列化本质上使用的是反射...属性类提供了很多特性供我们使用,以完成自定义序列化功能。 更多更详细的说明,可以在这里看到 1、字段/属性序列化 将C#Public字段/属性转化成 xml属性。...在C#类字段/属性前添加[XmlAttribute] 将C#Public字段/属性转化成 xml元素。
总之,这样麻烦;哈哈~ヽ(●´ω`●)ノ,既然麻烦,jQuery给我们提供了两个好用的方法serializeArray()和serialize() 前者可以将表单的参数值序列化成一个Array的形式(...ಠ) 啊哈,这个问题就不折腾了 就交给聪明的读者吧~~~ 哦~~~,还存在一个问题是,如果表单外层的form标签若不存在,则不能序列化参数,如果table标签里面嵌一个form的也不能,至于这个原因...以上代码中的each方法的返回值有两个 idx:当前循环到的dom对象所在的下标位置 ele:当前循环到的dom对象可直接使用jQuery的方法对当前循环的dom进行操作 关于遍历这一节就不过多缀诉了...toFixed(小数位数):此方法可以将Number四舍五入保留指定长度小数位 ?...中可以直接写就好~ setTimeout(方法的字符串形式, 刷新的时间):此方法可以设置指定时间调用指定js方法,刷新时间为毫秒 preventDefault():这个方法一般用于阻止dom的默认事件而使用的
之前在Ajax初步理解中介绍了对Ajax的初步理解,本文将介绍在ASP.NET中如何方便使用Ajax,第一种当然是使用jQuery的ajax,功能强大而且操作简单方便,第二种是使用.NET封装好的ScriptManager...,需要为项目引入json.net这一开源类库处理对象序列化反序列化问题,然后创建一个Student类文件 Student.cs using System; using System.Collections.Generic...看看执行结果: 观察仔细会发现使用ScriptManager和WebService组合有福利,在WebService中传回Student对象的时候并没有序列化成字符串,而是直接返回,看上面图发现对象已经自动转换为一...而上一个例子中我们得到的response是一个json字符串,在客户端需要用eval使其转换为json对象。...如果希望返回一个json对象怎么办?那就得和调用Handler一样使用json.net序列化,然后前端使用eval转换了,也不会过于复杂。
领取专属 10元无门槛券
手把手带您无忧上云