什么是http，http请求方式和传递数据类型是什么？(2)-木庄网络博客

正常的处理之后：

1	`Request URL:http://api.anjianba.cn/api/Training/Query?planName=&startTime=&endTime=&types[]=1&types[]=3`

需要这种形式的：

1	`Request URL:http://api.anjianba.cn/api/Training/Query?planName=&startTime=&endTime=&types=1&types=3`

在jQuery中是设置 traditional:true,即可转换为如上数据类型。
axios的config中设置:

get(url, data = {}, options = {}) {
    let config = {
        params: data,
        headers: {、、、},
        {
            'paramsSerializer': function(params) {
                    return qs.stringify(params, {
                        indices: false
                    })
                    // return qs.stringify(params, { arrayFormat: "repeat" })
                }，
                ...options
        }
        return new Promise((resolve, reject) => {
            axios.get(url, config)
                .then(response => {
                    resolve(response.data);
                })
                .catch((error) => {
                    reject(error);
                })
        })
    }

post、put、delet请求

提交这种复杂类型数据：

{    name:"Myname",
    {
    types:[1,3],
    forms:[2,5]
    }
}

一般的数据提交类型为json：

对应的数据声明类型： 'Content-Type':'application/json'
序列化：JSON.stringify(data) json字符串

还有就是 FormData 类型：

对应的数据声明类型： 'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8'
序列化：qs.stringify(data) ids[]=27&ids[]=26 ==> ids%5B0%5D=27&ids%5B1%5D=2

以上就是什么是http，http请求方式和传递数据类型是什么？的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 什么是http，http请求方式和传递数据类型是什么？

什么是http，http请求方式和传递数据类型是什么？

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论