Jquery与form表单

 表单数据获取：Form.serializeJson ()

$.fn.serializeJson = function () {
    var serializeObj = {};
    $(this.serializeArray()).each(function () {
        serializeObj[this.name] = this.value;
    });
    return serializeObj;
};

function OnSubmit(){
    var form = $(\'form\');
    var jsonData= form.serializeJson();//转化为json
    console.dir(jsonData);

    $.ajax({
        type: \'post\',
        url: form.attr(\'action\'),
        contentType: \'application/json\',
        data : jsonData,
        dataType: \'json\',
        success: function (res) {

        },
        error: function (){
            alert(\'请求失败了，请检查网络连接再重试。\');
        }
    })
}

 

待续

……

 

$.fn.serializeJson = function () {
    var serializeObj = {};
    $(this.serializeArray()).each(function () {
        serializeObj[this.name] = this.value;
    });
    return serializeObj;
};

function OnSubmit(){
    var form = $(\'form\');
    var jsonData= form.serializeJson();//转化为json
    console.dir(jsonData);

    $.ajax({
        type: \'post\',
        url: form.attr(\'action\'),
        contentType: \'application/json\',
        data : jsonData,
        dataType: \'json\',
        success: function (res) {

        },
        error: function (){
            alert(\'请求失败了，请检查网络连接再重试。\');
        }
    })
}