首页前端开发JavaScript什么是http,http请求方式和传递数据类型是什么?

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

时间2024-01-28 21:12:02发布访客分类JavaScript浏览902
导读:收集整理的这篇文章主要介绍了什么是http,http请求方式和传递数据类型是什么?,觉得挺不错的,现在分享给大家,也给大家做个参考。本章给大家介绍什么是http,http请求方式和传递数据类型是什么?有一定的参考价值,有需要的朋友可以参考一...
收集整理的这篇文章主要介绍了什么是http,http请求方式和传递数据类型是什么?,觉得挺不错的,现在分享给大家,也给大家做个参考。本章给大家介绍什么是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请求方式和传递数据类型是什么?的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: CSRF是什么?CSRF的危害以及防御...下一篇:html中position有哪些用法?posi...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: 什么是http,http请求方式和传递数据类型是什么?
本文地址: https://pptw.com/jishu/590164.html
web前端要学什么内容?前端入门需要注意什么 web前端如何更新缓存?单例模式封装opendatabase

游客 回复需填写必要信息