JQuery拓展方法之表单数据转Object—从而ajax post到后台
2016-10-02 17:22
405 查看
希望热爱技术的园友们今后都能做一个,自己封装方法,给整个公司用的人。
; (function ($) { $.fn.extend({ formToObj: function { var data=new Object; $("input[type=text],input[type=password],input[type=radio]:checked,select", this).each(function { var name=$(this).attr('name'); data[name]=$(this).val; }); return data; } });
再也不用手动表单了是不。还有其他表单元素可以自行拓展。
使用方法,给表单一个form标签包裹起来。
var data=$('#myform').formToObj;
直接放到ajax里提交data吧!
相关文章推荐
- jquery ajax post 方法传送object 的list 数据给后台
- jQuery 完成ajax传jsonObject数据,并在后台处理
- JQuery九种与后台交互数据的方法(ajax)
- 表单和ajax中的post请求&&后台获取数据方法(深度好文)
- ajax用post方法后台数据为null
- 通过Ajax请求后台数据,返回JSONArray(JsonObject),页面(Jquery)以table的形式展示
- jquery的post方法 使用从后台获取回来的数据
- jquery的ajax post 方法传值到后台,无法通过HttpServletRequest得到
- jquery-ajax请求后台数据转换json显示在select下拉列表&&jquery获取下拉列表的值和显示内容的方法
- 表单和ajax中的post请求&&后台获取数据方法
- 在JQuery中可以使用get,post和ajax方法给服务器端传递数据
- jQuery通过ajax获得后台json数据给form表单赋值
- HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)
- multipart/form-data post 方法提交表单,后台获取不到数据
- Ajax与jQuery-利用$.get()和$.post()方法传递html,xml,json数据
- JQuery的Ajax使用Get,Post方法调用C#WebService并返回数据
- Ajax的post方法,模拟 从后台读取数据小demo
- multipart/form-data post 方法提交表单,后台获取不到数据
- PHP中用jQuery实现ajax然后用POST方法传接数据之3分钟包教包会傻瓜教程
- jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法