Ajax 准备

新建 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 准备过程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值