jQuery封装form表单数据为json对象格式

①给你的form表单取个id值    id="zq_form"

<%--隐藏字段id,区分添加和修改--%>
...

然后js封装  【温馨下提示:这里可将此类多处会使用到的代码抽取出来单独存放去引入】

//序列化表单字段为json对象
$.fn.serializeFormToJson = function(){
    var arr = $(this).serializeArray();//form表单数据 name:value
    var param = {};
    $.each(arr,function(i,obj){ //将form表单数据封装成json对象
        param[obj.name] = obj.value;
    })
    return param;
}

③使用

var formData = $("#zq_form").serializeFormToJson();
console.debug(formData);

最后格式:  然后就可以提交指定参数到后台了...

jQuery封装form表单数据为json对象格式_第1张图片  jQuery封装form表单数据为json对象格式_第2张图片

你可能感兴趣的:(-----❶,JavaScript)