layui表单参数对象转url参数

项目使用layui作为前端框架,发现from表单里面的data.field这个方法获取的是表单中所有带name参数的输入框,然后转为一个

1
2
3
4
{
    "userName": "admin",
    "password": "admin"
}

的json对象,这个可以直接用在ajax的参数,但是却不能直接用于拼接成url,原因是他是一个json对象 于是我们只能手动把他转成url编码,方法如下

1
2
3
4
5
var json = data.field;
var params = Object.keys(json).map(function (key) {
        // body...
        return encodeURIComponent(key) + "=" + encodeURIComponent(json[key]);
    }).join("&");

这样params变量就是转变为url参数的字符串了,直接拼接在url后面就ok了

坚持原创技术分享,您的支持将鼓励我继续创作!