JavaScript---ajax为什么要设置requestHeader

最新推荐文章于 2024-08-06 11:00:53 发布

刘翾

最新推荐文章于 2024-08-06 11:00:53 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript javascript入门到进阶文章标签： ajax web表单表单 requestHea application

本文链接：https://blog.youkuaiyun.com/c_kite/article/details/78473222

JavaScript 同时被 2 个专栏收录

84 篇文章

订阅专栏

javascript入门到进阶

71 篇文章

订阅专栏

本文解释了为什么在Ajax请求中需要设置Content-Type为application/x-www-form-urlencoded。通过设置请求头，可以确保服务器正确解析POST数据，使Ajax能够模拟表单提交行为。若未设置，则服务器可能无法正确处理数据。

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

最近这一阵子由于写项目好久没写博客了, 现在我又回来了~

ajax为什么要设置requestHeader

理由

默认情况下, 服务器对POST请求和提交web表单的请求并不会一视同仁. 因此, 服务器端必须有程序来读取发送过来的原始数据, 并从中解析出有用的部分. 不过我们可以使用xhr来模仿表单提交: 首先将Content-Type头部信息设置为application/x-www-form-urlencoded, 也就是表单提交时的内容类型, 其次是以适合的格式创建一个字符串

//例
function  subData(params) {
  let xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) {
      if ((xhr.status >= 200) && (xhr.status <= 300) || xhr.status == 304) {
        alert('ok');
      } else {
        alert('error');
      }
    }
  }

  xhr.open("POST", "a.php", true);//true异步 false同步
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  let form = document.getElementsByTagName('form')[0];
  xhr.send(new FormData(form));//XMLHttpRequest 2级规范 格式化form数据
}

如果不设置会怎么样

a.php
//不设置
$HTTP_PAW_POST_DATA
//去获取数据

//设置
$POST
//去获取数据