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('请求失败了，请检查网络连接再重试。');
        }
    })
}