表单信息转成JSON的三种JQUERY扩展方法

/** 
 * 调用方法:$.formToJson("apply_form")
*/

$.extend({
    formToJson: function(formId) {
        var jObject = $("#"+formId).serializeArray();
        var results = '{';
        jQuery.each(jObject, function(i, field) {
            if (i == 0) {
                results += '"' + field.name + '":"' + field.value + '"';
            } else {
                results += ',"' + field.name + '":"' + field.value + '"';
            }
        });
        results = results + '}';
        return JSON.parse(results);
    }
})



/**
 * 调用方法:$("#apply_form").formToJson()
 */

$.fn.extend({
    formToJson: function()  {
        var jObject = $(this).serializeArray();
        var results = '{';
        jQuery.each(jObject, function(i, field) {
            if (i == 0) {
                results += '"' + field.name + '":"' + field.value + '"';
            } else {
                results += ',"' + field.name + '":"' + field.value + '"';
            }
        });
        results = results + '}';
        return JSON.parse(results);
    }
})

/**
 * 调用方法:$.form.toJson("apply_form")
 */

$.form = {
    toJson: function(formId) {
        var jObject = $("#" + formId).serializeArray();
        var results = '{';
        jQuery.each(jObject, function(i, field) {
            if (i == 0) {
                results += '"' + field.name + '":"' + field.value + '"';
            } else {
                results += ',"' + field.name + '":"' + field.value + '"';
            }
        });
        results = results + '}';
        return JSON.parse(results);
    }
}

你可能感兴趣的:(表单信息转成JSON的三种JQUERY扩展方法)