新建 html 文档
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
#box{
width: 300px;
height: 300px;
border:2px solid red;
}
</style>
</head>
<body>
<button>click</button>
<div id="box"></div>
</body>
</html>
再建一个服务端页面
var cd=require('express');
var ex=cd();
ex.get('/server',(a,b)=>{
b.setHeader("My-Ajax","*");
b.send("hello");
})
/sever 是当客户端浏览器向服务器发送请求时,如果URL的路径是/sever的话,就执行该回调函数
利用 .setHeader 设置响应头,第一个参数是头的名字,第二个参数 * 是一个值,允许跨域
ex.listen(8000,()=>{
console.log("服务已启动");
})
——————————————————————————————————————————
运行之后报错
报错:Error: listen EADDRINUSE: address already in use :::8000
它的意思是 序号为8000 的端口已经占用了
处理方法很简单
netstat -ano|findstr 8000
// 查询该端口对应的 TCP 号
结果如图
然后关掉被占用的端口
taskkill /t /f /im 15592
结果如图
这样就解决端口被占用问题了
继续操作
直到终端显示监听端口中的内容【我这里的是 “服务已启动”】
浏览器打开 127.0.0.1:8000/server
如下图显示即为正确
响应体,响应头均正常
以上,就是一个简单的 Ajax 准备过程