AJAX请求和普通HTTP请求区别(postman分析)

两者本质区别：
AJAX通XMLHttpRequest对象请求服务器服务器接受请求返数据实现刷新交互
普通http请求通httpRequest象请求服务器接受请求返数据需要页面刷新

AJAX请求头会多一个x-requested-with参数，值为XMLHttpRequest

下面我用postman模拟Ajax请求我本地服务器上的sales.json数据

我们用Post方法，模拟表单输入，头部加入了两个键值对信息，Body请求体加入了两个键值对，分别是username和password

postman生成的代码是:

其中之一是javascript实现的

var data = new FormData();
data.append("username", "clarence");
data.append("password", "123456");var xhr = new XMLHttpRequest();
xhr.withCredentials = true;xhr.addEventListener("readystatechange", function () {if (this.readyState === 4) {console.log(this.responseText);}
});xhr.open("POST", "http://localhost/sales.json");
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
xhr.setRequestHeader("Cache-Control", "no-cache");
xhr.setRequestHeader("Postman-Token", "dc9c60bb-f440-4caa-850b-60941140ae7f");xhr.send(data);

下面是请求报文的构成:

可以看到请求头部(请求方法， URL，协议/版本)、请求行、请求body

Content-disposition是 MIME 协议的扩展，MIME 协议指示 MIME 用户代理如何显示附加的文件.

可以看到是表单数据，分别说用户名和密码

POST /sales.json HTTP/1.1
Host: localhost
Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW
X-Requested-With: XMLHttpRequest
Cache-Control: no-cache
Postman-Token: 73219f21-8a1d-4c61-825a-5ffab5cc774f------WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name="username"clarence
------WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name="password"123456
------WebKitFormBoundary7MA4YWxkTrZu0gW--

AJAX请求和普通HTTP请求区别(postman分析)相关推荐

ajax async:false不管用_js 网络请求框架 ajax和axios、fetch的区别
互联网行业发展至今出现了很多技术,技术都在与时俱进的更新中,如从前的前端技术栈(html4+js+css+jquery)到现在vue+axios.随着更多优秀的框架出现,让我们从重复的基础代码编写中解 ...
Ajax(异步请求)和传统(同步请求)区别
在服务器端判断request来自Ajax请求(异步)还是传统请求(同步): 两种请求在请求的Header不同,Ajax 异步请求比传统的同步请求多了一个头参数 1.传统同步请求参数 accept t ...
Ajax中option什么意思,AJAX请求中出现OPTIONS请求
背景有一个前后端分离的VUE项目来发送ajax请求, 查看Nginx日志或使用Chrome Dev Tools查看请求发送情况时, 会看到每次调后台API的请求之前, 都会发送一个OPTIONS请求 ...
mvc ajax get请求,springMVC 中 ajax get 请求和 post 请求的坑以及参数传递
1, ajax 请求无论为 post ,或者 get ,url中带有?形式的参数,后台都能以String类型变量接收,变量名称和参数名称必须一致前台ajax: $.ajax( "prod ...
java get与post区别_HTTP请求（GET与POST区别）和响应
HTTP有两部分组成:请求与响应,下面分别整理. 一．HTTP请求 1．HTTP请求格式: [] 在HTTP请求中,第一行必须是一个请求行(request line),用来说明请求类型.要访问的资源以 ...
ajax post提交数据_JavaEE学习——为什么get请求方式比post请求方式效率高
首先是 form表单的get方式请求和post方式请求的区别: 测试: get请求的方式提交表单: 我们可以看到URL地址栏的变化: 请求servlet的时候,请求的参数也在地址栏中显示了. post ...
Ajax请求，JQuery发送请求，Axios请求，Fetch请求总结
常见的请求方式 1.Ajax请求定义: 同步与异步的区别: Ajax的工作原理: 实现AJAX的基本步骤: Get请求: Post请求: 2.JQuery发送请求 Get请求: Post请求: 3. ...
php 请求是什么请求,PHP判断一个请求是Ajax请求还是普通请求
Javascript中大多数的框架如 jquery(jquery ui.jquery easyui).Mootools 等,在发出 Ajax 请求时,都会发送额外的 HTTP_X_REQUESTED_ ...
java根据PostMan发送请求：设置接口请求工具类。
我们使用java代码进行接口远程调用第三方接口时,总会抒写接口代码,那么有这么多种方式进行发送请求.那我们应该怎么使用呢? 比如有webservice接口,比如有Post请求的接口,必须有Get请求的 ...

AJAX请求和普通HTTP请求区别(postman分析)

AJAX请求和普通HTTP请求区别(postman分析)相关推荐

最新文章

热门文章