AJAX请求头Content-type

最新推荐文章于 2025-06-14 20:28:45 发布

「已注销」

最新推荐文章于 2025-06-14 20:28:45 发布

阅读量3.3w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： ajax

本文链接：https://blog.youkuaiyun.com/qlcql/article/details/51206972

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了使用XMLHttpRequest (XHR) 设置请求头的方法，包括如何为不同格式的数据（如JSON、表单数据、纯文本及HTML文本）设置Content-type。同时强调了设置请求头前需先调用open方法打开URL的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setRequestHeader 设置请求头

设置请求头前需先调用open方法打开一个url

xhr.open("post", "/save");

设置数据格式

发送json格式数据

xhr.setRequestHeader("Content-type","application/json; charset=utf-8");

发送表单数据

xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=utf-8");

发送纯文本

不指定Content-type时，此是默认值值

xhr.setRequestHeader("Content-type", "text/plain; charset=utf-8");

发送html文本

xhr.setRequestHeader("Content-type", "text/html; charset=utf-8");

编码可带可不带

// 不带字符编码写法
xhr.setRequestHeader("Content-type", "application/json");

值对大小写不敏感

xhr.setRequestHeader("Content-type","Application/JSON; charset=utf-8");

虽然如此，但还是都保持小写

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

5
点赞
踩
22

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ajax设置请求头setRequestHeader方法，如请求数据类型等

All things will be fine__

02-20

4万+

因为平时常用的设置，所以突然被问起来会忘，一般我们ajax是直接利用jQuery的ajax方法，里面的接口直接调用，常用的主要有： url 类型：String 默认值: 当前页地址。发送请求的地址。 type 类型：String 默认值: "GET"。请求方式"POST"或"GET"，默认为"GET"。注意：其它HTTP请求方法，如PUT和DELETE也可以使用，但仅部分浏览器支持。 ...

前端请求传参与后端匹配的接收方式&Content-Type类型

qq_39666711的博客

04-17

1908

是HTTP请求头中的⼀个标头，⽤于指示请求或响应中包含的实体的媒体类型，可以出现在请求或响应标头中。它告诉服务器如何处理客户端传过来的数据（通知服务器客户端正在发送的数据类型）、客户端如何处理响应中的数据。get请求的 headers 中是没有 content-type 这个字段的。content-type 是⽤来指定消息体的格式的，get请求⼀般没有消息体，所以，get 请求⼀般不⽤设置 content-type。

参与评论您还未登录，请先登录后发表或查看评论

ajax常见请求头

m0_70798838的博客

03-19

958

是Ajax默认的请求类型，浏览器的原生 form 表单，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据。这也是一个常见的 POST 数据提交的方式。我们使用表单上传文件时，就要让 form 的 enctype 等于这个值。相比于JSON，XML不能更好的适用于数据交换，它包含了太多的包装, 而且它跟大多数编程语言的数据模型不匹配。application/json是用来告诉服务端消息主体是序列化后的 JSON 字符串。

模拟 AJAX 提交 form 表单及请求头设置详解

热门推荐

CodingNoob

07-02

7万+

一、Ajax 概述 Ajax 是 Asynchronous Javascript And XML 的简写 Ajax是一门技术，并不是一门语言使用XHTML+CSS来标准化呈现使用XML和XSLT进行数据交换及相关操作使用XMLHttpRequest对象与Web服务器进行异步数据通信使用Javascript操作Document Object Model进行动态显示及交互使用J...

Ajax请求头设置Content-type

xiazeqiang2018的博客

07-31

3万+

一：原生ajax请求头 使用setRequestHeader函数：先调用open方法打开一个url： xhr.open("post", "/save"); 设置数据格式： 1.发送json格式数据： xhr.setRequestHeader("Content-type","application/json; charset=utf-8"); 2.发送表单数据： xhr.s...

ajax与axios请求头Content-Type的问题

versionli的博客

06-15

639

我在开发中遇到一个问题，我用vue+wepack+axios来开发一个项目，但是后端用的是很久很旧的技术，在调试接口的时候后台要求我传的请求头是Content-Type="application/x-www-form-urlencoded;charset=UTF-8"的格式，但是参数是对象格式传过去，如果用ajax设置这个头部是没问题的，但是用axios请求头是Content-Type="application/x-www-form-urlencoded;charset=UTF-8"的时候请求的参数变成了字

axios请求头配置Content-type问题

m0_46769156的博客

04-15

3905

遇到了什么问题？前端项目在与后端项目对交接口过程中，出现截取参数为null的情况数据可以写入数据库，却不能正确截取。经过不断试错发现，问题出现在前后端接受数据类型并不统一。前端发送的是application/x-www-form-unlencode 后端接受的是application/json 所以导致不能正确截取参数的情况发生。什么是请求头中的content-type？ 请求头中有两个属性 Accept和Content-Type. Accept是客户端允许接受服务器的数据类.

el upload ajax,Upload 上传 el-upload 上传配置请求头为Content-Type: "multipart/form-data"

weixin_42522009的博客

08-06

5175

api接口处添加属性 (标红处)// 校验台账export const checkEquiment = (data) => {return axios({url: '/job/equipmentInfo/checkEquipment',method: 'post',data,ContentType:'multipart/form-data'})}封装axios中调用接口中配置的属性// 二次...

ajax 的 response 里的 Content-Type 编码格式好像不能改

小妖666个人笔记

03-13

561

因为需要将 charset 设置成 sjis 编码格式，但是charset 不知为什么怎么设置好像都是 utf-8 原来是因为我用了 express 搭建的后台，用 PHP 就不会有这个问题。下面是 express 的代码。 express 为什么不好使，暂时不清楚。 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>AJ

ajax设置请求头

weixin_48860638的博客

01-21

352

Ajax设置自定义请求头的两种方法

【Ajax】Ajax 请求头信息

日拱一卒無有盡，功不唐捐終入海

12-28

489

初识 Ajax

AJAX:设置请求头

Continue的博客

04-16

1万+

1.如何设置请求头 我饿们可以通过xhr自带方法setRequestHeader来设置请求头 注意：需要在open初始化之后，send发送之前设定如 // 2.open xhr.open('POST', 'http://localhost:8000/server'); // 设置请求头 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); // 3.发送(可任意写法) xhr.send('a=100&

$.ajax() 请求头,$.ajax应用之请求头headers

weixin_32434033的博客

08-05

5879

昨天项目中，由于要请求token验证，后台给出的方案是采用请求头返回token数据，给出的API文档是这样的由于之前一直都是采用请求体发送请求，服务器在应答体李返回数据。和这个不一样；采用jq的$.ajax()函数发送请求，代码如下$.ajax({type: 'POST',url: '/token',headers:{"appId":appId,"appKey":appKey,"Content-T...

ajax中POST请求与参数(请求体)设置

LuiChun

12-31

5145

1.创建在testthree文件夹并在这个文件夹里面 2.创建post.html文件 3.创建server.js文件 post.html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title

7.Ajax 设置请求头

yujiabao702的博客

04-11

2545

但是会报错，是因为这个name是我们自定义的请求头，不是预定义的，像Content-Type就是预定义的，如果需要实现自定义的响应头，那么需要加一个特殊的响应头。这样还不能实现，是因为我们发送的时候还会给服务器发送一个 option 类型的请求，也就是预检请求，校验这个头信息可用不可用。这个OPTON请求因为在服务器中得不到对应的结果，所以就会报错，此时我们把服务器文件中的post路由规则改为all就行了。在 open 步骤以后就可以使用这个方法去设置请求头。不设置这个请求头的话，是下面这样的。

Ajax学习：Ajax设置请求头信息

weixin_47295886的博客

11-28

9400

设置请求头部分：前端工作人员setRequestHeader设置请求头信息，一般将身份校验的信息放在头信息中，传递给服务器，服务器的对参数进行提取，对用户的身份做校验。这时候会预检请求会校验前端会再发一个请求所以post接收不了需要变成all。可以在服务器端使用Access-Control-Allow-Headers。会报错，因为不是预定义的请求头 ，浏览器有安全机制。请求报文的：请求行可以设置，请求体可以设置。下面是设置请求头信息。

Ajax 请求头中常见content-type

nvliya的博客

11-09

3622

消息主体里按照字段个数又分为多个结构类似的部分，每部分都是以 --boundary 开始，紧接着内容描述信息，然后是回车，最后是字段具体内容（文本或二进制）。但是随着越来越多的 Web 站点，尤其是 WebApp，全部使用 Ajax 进行数据交互之后，我们完全可以定义新的数据提交方式，给开发带来更多便利。不能更好的适用于数据交换，它包含了太多的包装, 而且它跟大多数编程语言的数据模型不匹配，让大多数程序员感到诧异，XML是面向数据的，JSON是面向对象和结构的，后者会给程序员一种更加亲切的感觉。

Ajax请求设置Content-Type，如何设置

05-27

要设置 Ajax 请求的 Content-Type，可以使用 XMLHttpRequest 对象的 setRequestHeader() 方法，例如： ``` var xhr = new XMLHttpRequest(); xhr.open('POST', '/api/endpoint'); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.send(JSON.stringify(data)); ``` 这里将 Content-Type 设置为 "application/json"，并将数据转换为 JSON 字符串发送。可以根据实际需要设置不同的 Content-Type。