什么是http,http请求方式和传递数据类型是什么?

企鹅博客
企鹅博客
企鹅博客
25193
文章
0
评论
2020年10月7日09:34:43 评论 17 views 1417字阅读4分43秒

本章给大家介绍什么是http,http请求方式和传递数据类型是什么?有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

什么是HTTP?

http全称(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。

http的请求方式:
1. GET,通过请求URI得到资源
2. POST,用于添加新的内容
3. PUT用于修改某个内容
4. DELETE,删除某个内容
5. PATCH,部分文档更改

get请求

一般数据都在URL传参,params:data

例:

Request URL:http://api.anjianba.cn/api/Training/Query

或者:

Request URL:http://api.anjianba.cn/api/Training/Query/23
{    name:"Myname",
    {
    types:[1,3],
    forms:[2,5]
    }
}

如果传递比较复杂的数据时,Query String Parameters,后台不喜欢处理这种数据

正常的处理之后:

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

需要这种形式的:

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请求方式和传递数据类型是什么?的详细内容,更多请html教程其它相关文章!

继续阅读
css的一些小技巧!页面视觉差!_html/css_WEB-ITnose html教程

css的一些小技巧!页面视觉差!_html/css_WEB-ITnose

相当长的一段时间,现在网站与所谓的“视差”效果一直很受欢迎。 万一你没有听说过这种效果,不同的图像,在不同的方向移动或层主要包括。这导致了一个很好的光学效应,使参观者的注意。 在网页设计中,为了实现这...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: