#1 javascript深入浅出--将序列化数组转化为map类型对象类型

最新推荐文章于 2024-07-28 17:31:28 发布

云里飞鸟轻轻摇摆

最新推荐文章于 2024-07-28 17:31:28 发布

阅读量2.7k

点赞数

分类专栏： js Jquery bootstrap

本文链接：https://blog.csdn.net/yzh18373476791/article/details/82301103

版权

js 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

bootstrap

4 篇文章 0 订阅

订阅专栏

Jquery

2 篇文章 0 订阅

订阅专栏

一、建立js方法

/**
@functionname:serializeObject
@description:将序列化数组转化为map类型对象类型
@author:yzh
@param:
@date:2018-08-16
*/
$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o["params["+this.name+"]"] !== undefined) {
            //设置为map类型 
            if(this.value!='' && this.value!= null){
                o["params["+this.name+"]"] = o["params["+this.name+"]"]+","+this.value || '';
            }else{
                o["params["+this.name+"]"] = o["params["+this.name+"]"] || '';
            }
        } else {
            o["params["+this.name+"]"] = this.value || +",";
        }
    });
    //将json对象中的非法NaN转换为""
    $.each(o,function(m){
        if(this+"" == "NaN"){
            o[m] = "";
        }
    });
    return o;
};

二、浏览器查看参数
这里写图片描述

三、测试
在controller方法中使用含有Map<K,V> params属性的复合类进行接收（复合类变量名可随意）：

//提交按钮事件:添加数据
btn.on("click",function(){
    //将序列化数组转化为map类型对象类型
    var userInfo = $form.serializeObject();
    ajaxUtil({
        validatorForm:"#form",
        url:"/list/saveUserInfo.action",
        type:"post",
        async:false,
        data:userInfo,
        model:$("#myModal")
    });
});


@ResponseBody
@RequestMapping(value = "/saveUserInfo.action",method = {RequestMethod.POST })
public DataMessage saveUserInfo(Pagination<UserInfo> pageParams) throws Exception {
    System.out.println(pageParams.getParams());
    return DataMessage.successData("添加成功...");
}
/**output:
{password=123#We, sex=女, tel=15345678903, age=23, email=123@qq.com, username=lhywe}
**/
说明：Map<K,V> params是Pagination的一个属性