接口技术
http协议,ajax,fetch相关技术学习
诗人远行
记住自己写博客的初心---好记性不如烂笔头,温故而知新
展开
-
三种常见请求contentType
一,application/x-www-form-urlencoded1.提交的数据按照 key1=val1&key2=val2 的方式进行编码,可使用processdata阻止这种默认行为。2.对于get请求: 请求参数接受 json数据和 标准字符串,(不接受 JSON格式字符串),会把接受的数据按 key1=val1&key2=val2编码后拼在url后面2.对于post请求: 还是会转换成key1=val1&key2=val2 格式,通过在请求体以form data形原创 2023-02-28 09:53:31 · 158 阅读 · 0 评论 -
SSE通信
SSE1.SSE()是基于HTTP协议中的持久连接2.是一种服务端向客户端推送信息的单向通信方法。原创 2022-11-07 10:50:18 · 5098 阅读 · 0 评论 -
axios使用
1.是基于的库2.可以使用包管理工具安装:(1)配置(2)使用别名(3)创建实例三,处理响应结果1.是基于的库,我们可以使用获取返回的信息2.返回的信息包含如下3.错误信息获取四,拦截器1.在中,我们可以使用拦截器,在请求发出或响应被 或 处理前拦截它们。2.请求拦截器3.响应拦截器五,使用 1.默认情况下,将对象序列化为。 要以格式发送数据,您可以使用以下方法。六,注意事项1.基于比较常使用的和总结一下区别点,2.请求的传参在的里,或者直接在上3.请求传参在的里, 当使用别原创 2022-06-21 17:14:18 · 328 阅读 · 0 评论 -
websocket
一,前言1.传统的http协议只支持客户端向服务端发起通信。2.websocket协议最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,实现双向通信。3.WebSocket已经是国际标准,所有浏览器都已经支持了WebSocket 。二,WebSocket语法1.不同于http协议标识http,WebSocket协议标识符是ws2.使用方式(1)建立连接,非常简单直接使用new WebSocket()即可建立链接let ws = new WebSocket("ws原创 2022-02-18 20:47:23 · 2958 阅读 · 0 评论 -
在浏览器输入一个域名按下回车发生了什么?
1.首先会进行 dns解析将输入的域名解析成对应的IP2.通过3次握手建立tcp链接3.服务端向客户端传输数据资源,客户端下载数据资源4.接收数据渲染网页5.四次挥手断开链接原创 2022-02-18 18:40:57 · 1308 阅读 · 0 评论 -
下载文件的三种具体实现方式
const post = (url, params) => {// 创建form元素var temp_form = document.createElement(“form”);// 设置form属性temp_form.action = url;temp_form.target = “_self”;temp_form.method = “post”;temp_form.style.display = “none”;// 处理需要传递的参数for (var x in params) {原创 2022-01-18 22:19:17 · 5547 阅读 · 2 评论 -
经典问题
一,在浏览器输入url回车后发生什么1.DNS解析,将域名解析为ip地址2.TCP连接3.三次握手4.发送http请求5.服务器响应请求,返回请求报文6.浏览器渲染页面7.四次挥手断开连接二,浏览器渲染的过程1.根据html生成一课dom树2.根据css文件生成样式规则3.结合dom树和样式规则生成渲染树4.根据节点数计算每个节点信息5.根据计算好的信息绘制页面。...原创 2020-05-18 20:25:36 · 88 阅读 · 0 评论 -
TCP连接
一,引言1.在http超文本协议中,要完成客户端和服务端的请求和响应,第一步就是要让客户端和服务端建立可靠的连接,http协议在传输层采用了tcp连接。二,tcp连接的过程–三次握手1.要了解tcp连接的过程我们首先要认识一下tcp报文。序号:TCP从进程接受数据字节时,就把它们存储在发送缓存中,并对每一个字节都进行编号,当字节都被编上号后,TCP就给每个报文段指派一个序号,序号就是该...原创 2020-04-22 15:54:02 · 508 阅读 · 0 评论 -
fetch
一,前言1.fetch是Fetch API提供的全局的函数,用于http管道上的操作例如请求和响应。2.fetch是浏览器支持的,可以不需要依赖$.ajax()和axios等http库二,fetch使用1.fetch接受两个参数,第一个是请求的url,第二个是一个配置对象的option2.最简单的使用方法,只需传urlfecth(url).then(res=>return res)三,fetch的option配置1.fetch的第二个参数是一个option对象,通过一些字段的配置,可原创 2021-02-04 23:20:42 · 4384 阅读 · 1 评论 -
接口传参形式
一,后端接受前端数据的几种形式1,最简单的get请求,2., get请求paramster='json数据‘’ 、、公司特有的3.post请求 参数在url上,使用queryparams4.post 请求,一部分在url,一部分在body里,原创 2020-11-16 19:52:27 · 4034 阅读 · 0 评论 -
JSON数据
一,JSON1.是一种数据存储的格式,用于网络间数据传输,具有数据量小,轻便的特点二,JSON对象1.JSON对象的键必须使用双括号括起来,2.JSON对象的值:字符串数值(整数和浮点数,不包括NaN)boolean (true,false)对象(符合JSON语法的对象)null数组三,JSON字符串1.在**JSON 对象** 外面加个引号四,JSON方法1.JSON.parse() 将 JSON格式字符串 转化为 JSON对象(普通对象),参数必须是JSON字符串否则会报错原创 2020-08-16 17:55:54 · 412 阅读 · 0 评论 -
http响应报文
一,响应报文组成1.一个http响应报文由状态行,响应头部,空行,响应体组成二,状态行1.状态行包含http协议和版本,状态码,和状态描述。2.状态码:1** :2**3**4**5**三,响应头部...原创 2020-07-26 19:30:40 · 116 阅读 · 0 评论 -
http请求报文
一,请求报文的组成1.一个请求报文由请求行,请求头部,空行,和请求体组成二,请求行1.一个请求行由请求方法,请求资源地址,和 http协议和版本组成。2.请求方法:9种GET:向指定位置资源发起请求,获取资源。POST :向特定位置资源提交大量数据,请求处理,例如表单,文件。POST的数据出现在请求体中。PUT:替换指定位置的资源。PATCH:PUT的补充,局部更新指定位置的资源。...原创 2020-07-25 22:14:01 · 357 阅读 · 0 评论 -
$.ajax()
1.是封装后的请求。2.类似的还有更高层次的封装,和1.接受一个配置对象来描述请求三,各配置项解释1. : 请求的地址,默认是当前页面的地址,支持绝对路径和相对路径。相对路径又可分为两种(1) ,如果请求路径以根路径开头,该请求都是相对于服务器的根路径(2),如果请求不以根路径开头,则该请求路径是相对于当前所在的路径的2.: 请求方法,支持 3.: 是否是异步的,默认为4.: 请求超时时间5.: 请求传递的参数,支持三种格式:对象,格式字符串,和标准模式参数(1)对象: (2)格式字符串: 必需在原创 2020-07-26 19:25:44 · 1216 阅读 · 0 评论 -
ajax
一,什么是AJAX ?1.AJAX 是异步的javaScript和xml,不是一门新的语言,是一种现有标准方法的称呼。2.AJAX用于向服务端发送请求,接受服务端返回的数据,并且在不用刷新整个页面的情况下,更新局部页面。二,AJAX工作原理1.在所有现代浏览器中都内置了XMLHttpRequest 构造函数,用于生成XMLHttpRequet 对象,在ie5和ie6使用ActiveXObj...原创 2020-03-23 23:16:18 · 137 阅读 · 0 评论 -
http/https协议
一,引言1.HTTP协议(超文本传输协议)是万维网数据通信的基础,是客户端终端和服务器端之间请求和应答的标准。2.HTTP协议是基于传输层tcp/ip协议上的应用层协议。关键字:客户端 , 服务端 ,请求 ,应答二,http介绍1,HTTP协议定义 Web客户端如何向 Web服务器请求Web页面,以及服务器如何把Web页面传送给客户端。2.如第二点所示HTTP协议采用了请求/响应模型,...原创 2020-07-22 11:33:01 · 565 阅读 · 1 评论