ajax前后端通信的头部消息之请求头与响应头

前后端在通信时，互相发送的消息包括头部消息和主体数据，而头部消息分为请求头和响应头两种。

请求头是前端发送，服务端获取。
响应头是服务端发送，前端获取。

设置请求头的规则：

请求头设置必须在open方法之后，send方法之前。
请求头可以自定义设置，但是必须在非同源时，服务器允许请求头跨域。
自定义请求头可以包含一些数据解析的信息，因为请求优先于数据到达服务端。【这样就可以让服务端根据收到的请求头采取相应的方式处理收到的数据】

设置请求头的格式：

设置请求头时需要先创建一个XMLHttpRequest对象，然后调用setRequestHeader方法：

XMLHttpRequest.setRequestHeader(name: string, value: string);

如果是通过AJAX的POST方式发送给PHP时，必须设置请求头为下面这个格式。

xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");

设置请求头的示例：

var xhr = new XMLHttpRequest();
xhr.addEventListener("load", loadHandler);
xhr.open("POST", "http://10.9.72.236:4010");
xhr.setRequestHeader("names", "xiaoli");
xhr.send("aaa");function loadHandler(e) {console.log(xhr.getAllResponseHeaders());console.log(xhr.getResponseHeader("content-type"));
}

xhr.getAllResponseHeaders() 获取所有响应头。
xhr.getResponseHeader(…) 获取指定的响应头。

ajax前后端通信的头部消息之请求头与响应头相关推荐

如何使用websocket实现前后端通信
如何使用websocket实现前后端通信 websocket通信是很好玩的,也很有用的的通信方式,使用方式如下: 第一步由于springboot很好地集成了websocket,所以先在在pom.xml ...
05-ET框架的前后端通信1
TIPS: 本系列贴仅用于博主学习ET框架的记录文章目录前言一.ET框架的前后端如何进行通信的? 二.前后端的通信使用 1.编写protobuf消息体 2.编写C#代码 3.运行结果总结前言 ...
06-ET框架的前后端通信2
TIPS: 本系列贴仅用于博主学习ET框架的记录文章目录前言一.IMessage是什么? 二.使用步骤 1.编写proto消息体 2.编写C#代码 3.运行结果总结前言这篇文章记录ET框架 ...
Ajax前后端交互利器详解(一)
✍Ajax前后端交互利器
Ionic+Angular+Express实现前后端交互使用HttpClient发送get请求数据并加载显示(附代码下载)
场景 Ionic介绍以及搭建环境.新建和运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106308166 在上面搭建起 ...
查看HTTP 各方法的消息请求头和响应头——get/head/post/put
今天介绍一下如何获取HTTP消息的请求头和响应头,请求头,顾名思义,就是包含在客户端发送给服务器的HTTP请求消息的头部,响应头包含在服务器响应客户端的请求消息的返回消息的头部.请求头中有客户端期望服 ...
【前端笔记】三、前后端通信（http协议和Ajax）
目录一.http协议请求报文 1. 请求行 2. 首部字段 3. 消息体响应报文 1. 状态行二.Ajax XMLHttpRequest 1.open 2. send 3. 获取服务器返回的数 ...
Flask+Axios+jQuery构建前后端通信的小例子
比较暴力但好理解的方法,下面详细说一下. 工具准备 Flask pip install flask Axios https://cdnjs.cloudflare.com/ajax/libs/axios ...
前后端通信跨域网络协议 DNS CDN HTTPS
本篇文章有点长,内容比较枯燥,就当作知识点的整理了. 服务在局域网中通过某些服务软件开启WEB服务功能,在该局域网中其它用户可以通过该打开服务的电脑 IP,找到该服务下web页面,默认打开的页面是i ...

ajax前后端通信的头部消息之请求头与响应头

设置请求头的规则：

设置请求头的格式：

设置请求头的示例：

ajax前后端通信的头部消息之请求头与响应头相关推荐

最新文章

热门文章