ajax与http关系？

Posted 2021-04-15 前端之光

阅读前提：

所有的网络数据通信都可以这样理解，全部都是http请求，只是不同的端（前端，android，ios）使用不同的方法发起http请求。 HTTP 协议是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分：状态行、请求头、消息主体。类似于下面这样：

<method> <request-URL> <version>  <headers>  <entity-body>

协议中规定 POST 提交的数据必须放在消息主体（entity-body）中，但协议并没有规定数据必须使用什么编码方式。 实际上，开发者完全可以自己决定消息主体的格式，只要最后发送的 HTTP 请求满足上面的格式就可以。 我们约定通过请求头中的content-type来确定使用何种编码方式。

正文：

一.来一段JQuery的ajax

$.ajax({    url: "http://115.168.19.32/signin",    type:'get',    data:{      param1:'param1',      param2:'param2'    }  }).done(function(response) {    alert("收到返回数据")  });

http://115.168.19.32/login?param1=param1&param2=param2

二.再来一段JQuery的ajax

$.ajax({      url: "http://115.168.19.32/signout",      type:'post',      data:{        param1:'param1',        param2:'param2'      }    }).done(function(response) {      alert("收到返回数据")    });

对于post方法，我们的请求参数param1和param1,将会被嵌入请求体（body之中）传给后台，也就是： http请求将会类似这样：

POST http://115.168.19.32/signout  Content-Type application/x-www-form-urlencoded;charset=utf-8  param1=param1&param2=param2

后台根据收到的http请求，从请求体body中获取前端发送的参数,一般为request.body

三.还来一段JQuery的ajax

$.ajax({      url: "http://115.168.19.32/signout",      type:'post',      header:{        "content-type": "multipart/form-data"      }      data:{        param1:'param1',        param2:'param2'      }    }).done(function(response) {      alert("收到返回数据")    });

对于post方法，默认使用的是"content-type": "applicationx-www-form-urlencoded"，所以第二种方式中不用设置

header:{    "content-type": "applicationx-www-form-urlencoded"  }

在这里，我们将http内容的编码方式换为applicationx-www-form-urlencoded，结果http请求内容变为这样,方法体（body）中的参数被一个叫做boundary的固定值分开。

POST http://115.168.19.32/signout    Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryrGKCBY7qhFd3Trwx    ------WebKitFormBoundaryrGKCBY7qhFd3Trwx    Content-Disposition: form-data; name="text"    param2    ------WebKitFormBoundaryrGKCBY7qhFd3Trwx    Content-Disposition: form-data; name="file"

四.http请求方式有很多，譬如

get, post, delete, options put, head, trace, connect

通过get和post方法类比即可，无非是http请求对数据的传递