【Ajax入门技术】原生AJAXexpress的基本使用，进行不刷新页面获取到数据_ajax 无刷新技术

})

### 



### **3.举一个小🌰**


要求：点击按钮发送请求，接过服务器返回的结果，然后呈现在div

// 引入express
const express = require(‘express’);
// 创建应用对象
const app = express();
// 创建路由规则
// request是请求报文的封装
// response是响应报文的封装
app.get(‘/server’, (request, response) => {
// 设置响应头
response.setHeader(‘Access-Control-Allow-Origin’, ‘*’);
// 设置相应体
response.send(‘HELLO AJAX’);
});
// 监听端口启动服务
app.listen(8000, () => {
console.log(“服务已启动，8000 端口监听中…”);

})

**然后在进行页面的书写和ajax的使用**


**onreadystatechange属性有五个值，分别是0 1 2 3 4**  
**0 表示未始化最开始就是0，1表示open方法已调用完成，2表示send方法调用完毕，3表示服务端返回的部分结果4，服务端返回的所有结果**

点击发送请求

```

写在最后

我是Aic山鱼，感谢您的支持
​原 创 不 易 ✨还希望支持一下
点赞👍：您的赞赏是我前进的动力！
收藏⭐：您的支持我是创作的源泉！
评论✍：您的建议是我改进的良药！
山鱼🦈社区：山鱼社区💌💌

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

n.net/topics/618545628)**

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！