[HTML教程] 什么是http,http请求方式和传递数据类型是什么?

[复制链接]
查看1320 | 回复8 | 2020-9-28 05:48:44 | 显示全部楼层 |阅读模式
本章给大家介绍什么是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请求方式和传递数据类型是什么?的详细内容,更多请关注爱上源码网其它相关文章!

  • 微信
  • 分享
  • 相关标签:http
  • 本文原创发布爱上源码网,转载请注明出处,感谢您的尊重!
    • 上一篇:html中position有哪些用法?position的用法介绍
    • 下一篇:CSRF是什么?CSRF的危害以及防御方法

    相关文章

    相关视频

    • http状态码一览表_基础教程
    • node.js基础模块http、网页分析工具che...
    • 快速学习AngularJs HTTP响应拦截器_A...
    • javascript学习笔记(七)Ajax和Htt...
    • 什么是http,http请求方式和传递数据类型是什...
    • HTTP 教程
    • HTTP 简介
    • HTTP 消息结构
    • HTTP请求方法
    本文有爱上源码下载完入驻作者发布,如果对您版权造成侵害,可以联系本站站长管理进行维权删除,本站收到维权24小时内进行处理,谢谢您关注23ym.cn! 本站分享大量程序员技术文章以及对编程开发的初级入门教程,包括图文讲解笔记和高清视频下载~
    回复

    使用道具 举报

    悲新座客 | 2021-7-8 03:48:30 | 显示全部楼层
    悟空源码太厉害,资源真多!
    回复

    使用道具 举报

    寒川 | 2021-7-17 01:43:56 | 显示全部楼层
    祝愿悟空源码越办越好!
    回复

    使用道具 举报

    zmhg799417 | 2021-11-2 22:50:06 | 显示全部楼层
    加油!悟空源码,继续努力!支持你!
    回复

    使用道具 举报

    WY20172017 | 2022-6-2 21:32:51 | 显示全部楼层
    我是来白嫖资源的!
    回复

    使用道具 举报

    ai2017 | 2023-3-4 14:23:15 | 显示全部楼层
    厉害了,悟空源码资源多教程多!
    回复

    使用道具 举报

    卢云i | 2023-8-21 07:25:33 | 显示全部楼层
    我是来白嫖悟空源码的资源的!
    回复

    使用道具 举报

    兰905 | 2024-2-13 22:40:33 | 显示全部楼层
    这个站很好,资源多,教程全
    回复

    使用道具 举报

    爱喝水的姑娘 | 2024-2-17 01:26:14 | 显示全部楼层
    这个资源都有真不错
    回复

    使用道具 举报

    喝咖啡的牛山 | 2024-3-21 20:55:03 | 显示全部楼层
    没积分哈,谁来帮帮我啊
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则