码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-08-25 23:34:31      阅读:349      评论:0      收藏:0      [点我收藏+]

标签:

其实今天的分享很简单,只要你简单了解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吧!

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

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

标签:

原文地址:http://www.cnblogs.com/tdws/p/5808528.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!