[AJAX]原生AJAX——自定义请求头

news/2024/4/14 22:18:11

客户端

<script>// 1、创建对象const xhr = new XMLHttpRequest();// 2、初始化:设置请求类型和urlxhr.open('POST', 'http://127.0.0.1:8000/server');// 设置请求头// Content-Type:设置请求体内容类型// application/x-www-form-urlencoded:请求参数的类型xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');// 也可以自定义请求头,但会使得浏览器产生安全响应机制xhr.setRequestHeader('MyHeaderName', 'cuyg')// 3、发送:设置请求体(POST请求的参数)xhr.send("id:1&name:CUYG")// 4、事件绑定xhr.onreadystatechange = function () {// 判断if (xhr.readyState === 4) {if (xhr.status >= 200 && xhr.status < 300) {console.log(xhr.response);}}};
</script>

主要的代码

// 设置请求头// Content-Type:设置请求体内容类型// application/x-www-form-urlencoded:请求参数的类型xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');// 也可以自定义请求头,但会使得浏览器产生安全响应机制xhr.setRequestHeader('MyHeaderName', 'cuyg')

服务端代码

// 服务端准备
// 1、引入express
const express = require('express');
// 2、创建应用对象
const app = express()
// 3、创建路由规则
// request是对请求的封装
// response是对响应的封装
app.all('/server',(request,response)=>{// 设置响应头:设置运行跨域response.setHeader('Access-Control-Allow-Origin','*');response.setHeader('Access-Control-Allow-Headers','*');// 设置响应response.send('HELLO AJAX POST');
});
// 4、监听端口的启动服务
app.listen(8000,()=>{console.log("服务已启动,8000端口监听中...");
})// 5、启动服务,终端输入: node server.js基本使用.js ,启动之后在浏览器输入127.0.0.1:8000

关键代码:

app.all:可以接收任意类型的请求;

response.setHeader('Access-Control-Allow-Headers','*');

运行结果

 

 

 

用户向服务端获取到cookie,每次用户向服务端进行请求,请求里在请求头里设置cookie,服务端通过cookie识别用户的身份。


http://www.ppmy.cn/news/724577.html

相关文章

小度智能屏X8发布:“屏幕”分野,新的“话语权”故事刚刚开始

文 | 李永华 来源 | 智能相对论&#xff08;ID&#xff1a;aixdlun&#xff09; 2010年6月8日&#xff0c;乔布斯在当年的苹果全球开发者大会上发布了苹果第四代手机iPhone 4&#xff0c;这一款被称作划时代的产品直到今天仍然被津津乐道。 能够“划时代”&#xff0c;相比之…

吴军:顶级工程师能让中国走向浪潮之巅

吴 军&#xff1a;《浪潮之巅》《全球科技通史》作者 采 访&#xff1a;盼盼姐 来 源&#xff1a;GitChat&#xff08;ID:GitChat&#xff09; 最近很多人都在讨论吴军&#xff0c;源于他在接受采访时曾对几家炙手可热的互联网公司进行了直接且大胆的点评&#xff1a;「腾讯从来…

当人工智能敲响了门 我们将迎来怎样的世界

上图 5月18日发布的Google Lens将应用于谷歌助手以及谷歌照片&#xff0c;它可帮助用户自动删掉不需要的照片。(资料图片) 中图 柯洁九段在备受瞩目的人机大战中。(资料图片) 下图 IBM预计人工智能Watson每年将赚100亿美元。(资料图片) “人机大战2.0版”&#xff0c;第三局第1…

python是什么语言开发的-少儿编程有什么好处?儿童编程课程学习Python的4大原因...

儿童编程Python是什么课程&#xff1f; Python是强制用一种面向对象的解释型计算机程序设计语言&#xff0c;它是纯粹的自由软件&#xff0c; 源代码和解释器CPython遵循 GPL(GNU General Public License)协议。由荷兰人Guido van Rossum于1989年发明&#xff0c;第一个公开发…

python儿童宣传-为什么让孩子学Python会这么火?

下面是由EEE Spectrum杂志发布的2017年的编程语言排行榜 2018-4-25 10:08 上传 下载附件 (0 Bytes) 在榜单上&#xff0c;我们可以很清楚的发现&#xff0c;现如今排在前三名的语言分别是:Python、C、Java。 而被程序员称之为"世界上最好的语言”的PHP&#xff0c;才仅…

史上最全的人工智能知识体系大全图谱 中国人工智能发展现状与未来

人工智能是目前最火热的技术领域&#xff0c;也是一门极富挑战性的科学&#xff0c;从事这项工作的人必须懂得计算机知识&#xff0c;数学、心理学&#xff0c;甚至哲学。人工智能是包括十分广泛的科学&#xff0c;它由不同的领域组成&#xff0c;如机器学习&#xff0c;计算机…

智慧城市智能化交通管理系统解决方案

交通大脑归属于智慧交通基本建设与发展壮大的分阶段目标&#xff0c;而与之紧密联系的城市大脑最终目标是跟未来的无人驾驶、智慧城市、V2X车联万物等紧密结合&#xff0c;变成支撑城市可持续发展的关键基础设施建设。 西安交警在西安特色化智慧交通行业的基本建设与整体规划&a…

python儿童-少儿Python创意编程课

一、什么是少儿编程 少儿编程教育是通过编程游戏启蒙、可视化图形编程等课程&#xff0c;培养学生的计算思维和创新解难能力的课程。少儿编程教育并不是要培养未来的程序员&#xff0c;而是让孩子能掌握新科技并应用新科技表达自己&#xff0c;由科技时代的消费者转变为创造者…

健康如此重要,科技如何助力医疗普惠?

2020年&#xff0c;注定与往年不同&#xff0c;一场始料不及的疫情&#xff0c;让我们深深明白&#xff0c;健康多么重要&#xff0c;亲情有多珍贵&#xff1b;也让我们深深感受到&#xff0c;医务人员、社区服务人员&#xff0c;他们才是最可爱的人。这个世上&#xff0c;哪里…

66个史上最全的行业数据研报网站

1、萝卜投研&#xff1a;https://robo.datayes.com 提供最新的上市公司研报&#xff0c;券商研报&#xff0c;行业研报&#xff0c;使投资者更早的了解到上市公司基本面变化&#xff0c;方便个股投研和评级。 2、聚研宝&#xff1a;juyanbao.com.cn 这个网站有一个特色就是贴合…

中国人工智能发展现状与未来

对于中国而言&#xff0c;人工智能的发展是一个历史性的战略机遇&#xff0c;对缓解未来人口老龄化压力、应对可持续发展挑战以及促进经济结构转型升级至关重要。 虽然“人工智能”(AI)已经成为一个几乎人人皆知的概念&#xff0c;但对人工智能的定义还没有达成普遍共识。传统…

python 人工智能课程对孩子的好处_少儿编程有什么好处?儿童编程课程学习Python的4大原因...

儿童编程Python是什么课程&#xff1f; Python是强制用一种面向对象的解释型计算机程序设计语言&#xff0c;它是纯粹的自由软件&#xff0c; 源代码和解释器CPython遵循 GPL(GNU General Public License)协议。由荷兰人Guido van Rossum于1989年发明&#xff0c;第一个公开发行…

解读人工智能课本教程原理

随着人工智能技术的快速发展&#xff0c;我国高度重视人工智能课程进入中小学课堂。早在2003年&#xff0c;教育部就将“人工智能初步”作为选修模块&#xff0c;纳入国家《普通高中信息技术课程标准》。格物斯坦表示&#xff1a;近年来&#xff0c;国家陆续出台了系列相关政策…

全排列(dfs/stl)

求1~8的全排列 拿来温故一下回溯和全排列函数 dfs做法 #include<bits/stdc.h> using namespace std; const int maxn2023; int a[maxn]; int flag[maxn]; int n8; void fun(int step) {if(step9){for(int i1;i<n;i){if(i1)cout<<a[i];elsecout<<"…

网络安全开发架构之基于规则引擎的开发架构

原文合集地址如下,有需要的朋友可以关注 本文地址 合集地址 规则引擎架构常见的表现形式 规则引擎架构可以有多种不同的表现形式,以下是一些常见的表现形式: 中心化规则引擎 中心化规则引擎是指规则引擎的核心逻辑集中在一个中心服务器或平台上。该服务器负责规则的管…

计算机设备中运行速度最慢,解决办法:笔记本电脑开机缓慢且运行速度非常快,我该怎么办?计算机启动速度慢的原因和解决方法...

一、如果计算机的启动速度很慢,则主要是由于开机自检时间长所致。在BIOS下可能没有打开“快速启动”。建议您启用“快速启动”选项。 (仅某些笔记本电脑和台式机具有此功能。如果您的计算机没有此选项,请忽略此项目的影响。) 某些笔记本电脑具有此功能,启用快速启动的方法如…

PanDownloadSpeedPan迅雷极速版合集

导读&#xff1a;身处网络发达世界的你是不是很容易在网络上找到自己想要的资源&#xff0c;于是欢欢喜喜的将资源保存到自己的网盘进行下载又或是使用磁力链接以及BT种子&#xff0c;现在最常用的下载软件当属迅雷了吧。当你使用网盘或者迅雷下载资源时&#xff0c;你会发现它…

MATLAB 2018a安装教程(迅雷)

1.推荐使用迅雷下载,速度比较快 迅雷链接&#xff08;安装迅雷后打开迅雷复制此链接即可下载) 请参考&#xff1a;https://blog.csdn.net/YDC123458/article/details/102696295博客中的迅雷链接 2.下载完毕后&#xff0c;尝试解压两个后缀名为iso的文件&#xff0c;为了方便可以…

linux连安卓手机版下载速度慢,解决 linux下载速度超级慢 的问题

来源&#xff1a;https://zhidao.baidu.com/question/104273557.html (但是并没有解决我的问题&#xff01;) 问题&#xff1a;linux下载速度超级慢 我安装了ubuntu linux 9.04就是最新的版本,但是下载速度特别慢.我家是路由连两台机子,另一台机子没有下载, 更新源的时候只有不…

卧槽,迅雷的代码结构被扒了精光

背景 之前扒过飞书的源码&#xff0c;从代码设计架构层面里里外外学习一把&#xff0c;飞书还是挺 “大方” 的&#xff0c;源码在客户端和网页端都一览无余&#xff0c;不过好像新版本已经看不到了。相关的文章由于在内网技术论坛发过了不便于再发出来&#xff08;泄露内部资料…
最新文章