http请求详解

1.http协议

    HTTP协议,它规定了在网络中发布,传输和接收html页面的方法。大家都遵循这个协议,就能实现信息传输。

    HTTP请求(Request)消息:客服端发送给服务器的消息

    HTTP响应(Response)消息:服务端返回客户端的消息

2.http协议的工作流程

    (1)客户端连接到web服务器

    一个HTTP客户端,通常是浏览器,与web服务器的HTTP端口(默认80)建立一个TCP套接字连接,如,

  http://www.baidu.com

        (2)发送http请求

       通过TCP套接字,客户端向Web服务器发送一个文本的请求报文,一个请求报文由请求行、请求头部、空行和请求数据4部分组成。

        (3)服务器接受请求并返回HTTP响应

        web服务器解析请求,定义请求资源,服务器讲资源复本写到TCP套接字,由客户端读取,一个响应由状态、响应头部、空行、和响应数据组成。

        (4)释放连接TCP连接

    客户端和服务端建立建立连接,客户端沿着建立好的连接发送请求,服务端返回响应消息信息再断开连接。

        (5)客户端浏览器解析HTML内容

        客户端浏览器首先解析状态行,查看表明是否成功的状态码,然后解析每一个响应头,响应头告知以下为若干字节的HTML文档和文档的字符集。客户端浏览器读取响应数据HTML,根据HTMl语法对其进行格式化,并在浏览器窗口显示。

        例如:在浏览器地址栏输入URL,按下回车之后会经历以下流程:

        1、浏览器向DNS服务器请求解析该URL中的域名所对应的IP地址;

        2、解析出IP地址后,根据该IP地址和默认端口80,和服务器建立TCP连接;

        3、浏览器发出读取文件(URL中域名后面部分对应的文件)HTTP请求,请求该报文作为TCP三次握手的第三个报文数据发送给服务器;

        4、服务器对浏览器请求作出响应,并把对应的HTML文本发送给浏览器;

        5、释放TCP连接;

        6、浏览器将该HTML文本并显示内容;

3.    HTTP请求的状态码

        1xx    指示信息--表示请求已接收,继续处理

        2xx    成功--表示请求已被成功接收,理解,接受

        3xx    重定向--要完成请求必须进行更进一步操作

        4xx    客户端错误--请求有语法错误或请求无法实现

        5xx    服务器端错误--服务器未能实现合法的请求

     常见的状态码

       200    OK    客户端请求成功

        400    Bad Request    客户端请求有语法错误,不能被服务器所理解

        401    Unauthorized    请求未经授权,这个状态码必须和WWW-Authenticate报头域一起使用

        403    Forbidden    服务器收到请求,但是拒绝提供服务

        404    Not    Found    请求资源不存在,输入了错误的URL

        500    Internal   Server    Error    服务器发生不可预期的错误

        503    Server    Unavailable    服务器当前不能处理客户端的请求,一段时间后可能恢复正常 

.jQuery 的AJAX请求

    $.ajax({

                    type: "GET", //GET/POST/PUT/DELETE/HEAD

                    url: "URL", //请求URL地址

                    data: "k=v"或{k:v} //要提交的请求数据

                    beforeSend: fn, //请求发送之前的回调函数

                    success: fn, //响应成功的回调函数

                    error: fn, //响应失败的回调函数

                    complete: fn //响应完成的回调函数,不论成功与失败

})

                响应成功回调顺序:

                    beforeSend => success => complete

                响应失败回调顺序:

                    beforeSend => error => complete;

4.    axios

        axios是一个基于promise用于浏览器和node.js的HTTP客户端;

    axios的特点:

    (1)从浏览器中创建 XMLHttpRequest

    (2)从node.js中发出http请求

    (3)支持promise API

    (4)拦截请求和响应

    (5)转换请求和响应数据

    (6)取消请求

    (7)自动转换json数据

    (8)客户端支持防止CSRF/XSRF

        vue中axios的ajax请求:

          let axios = require('axios')

    axios.type(请求方式)('url',{params:{id:12345}//通过parmas传递进来的参数}).then(function(response);

        console.log(response);

) .catch(function(error){

console.log(error);

});

5. 微信小程序的ajax请求

    wx.request({

    url://路径

    method://请求方式

    dataType://    请求数据类型

    data://传递的参数

    header: {

            'Content-Type': 'xxxx'

}

    success:function(res){

        

}

})

你可能感兴趣的:(http请求详解)