你的位置:首页 > Java教程

[Java教程]JQuery拓展方法之表单数据转Object—从而ajax post到后台

其实今天的分享很简单,只要你简单了解Jq拓展方法,只要你会遍历元素,那就能自己封装出来。在工作中正是因为有了一个个这样的方法,大大提升了我们的工作效率,减小了失误次数。但是我们往往又经常使用别人封装好的方法,这就很不爽了。

希望热爱技术的园友们今后都能做一个,自己封装方法,给整个公司用的人。

    ; (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吧!

今后会分享更多方法。欢迎留下你的常用方法!