• 技术文章 >web前端 >html教程

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

    青灯夜游青灯夜游2018-09-19 09:35:17原创2270
    本章给大家介绍什么是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);
    				})
    		})
    	}

    1.png

    post、put、delet请求

    提交这种复杂类型数据:

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

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

    还有就是 FormData 类型:

    以上就是什么是http,http请求方式和传递数据类型是什么?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:http
    上一篇:html中position有哪些用法?position的用法介绍 下一篇:CSRF是什么?CSRF的危害以及防御方法
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• http状态码一览表_基础教程• node.js基础模块http、网页分析工具cherrio实现爬虫_node.js• 快速学习AngularJs HTTP响应拦截器_AngularJS• javascript学习笔记(七)Ajax和Http状态码_基础知识
    1/1

    PHP中文网