1、认识AJAX
AJAX = Asynchronous JavaScript and XML
AJAX 是前端与后台的少量数据交互,使网页实现异步更新。 也就是说学了它我们就可以在不重新加载整个页面的情况下,对网页的某些部分进行更新。 而传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个页面
2、准备工作
代码语言:javascript复制* 去nodejs.cn下载对应系统的node.js 【下面npm是基于node】
* 在vscode在外面的文件夹打开终端
npm init --yes | 初始化 ,npm是node.js的包管理工具 |
---|---|
npm i express | 安装express框架 |
html中ajax请求 | server.js(我的服务端js) |
html中axios请求 | npm install axios |
终端启动服务 | node server.js **每次都需要启动 |
(安装)-(npm install --save-dev nodemon) nodemon server.js **启动一次即可,自动检测 |
一个简单的路由创建【第3点中,路由规则可以创建多个,1、2、4点不用保留】
代码语言:javascript复制// 1. 引入express框架
const express = require('express');
// 2. 创建应用对象
const app = express();
// 3. 创建路由规则
// request : 是对请求报文的封装
// response :是对响应报文的封装
app.get('/', (request, response) => {
// 设置响应
// 用浏览器http://127.0.0.1:8000/ 响应 HELLO EXPRESS
response.send('HELLO EXPRESS');
});
// 4. 监听端口启动服务
app.listen(8000, () => {
// 用终端 node server.js 输出下面的
// 用终端 nodemon server.js [存放所有路由规则]
console.log("服务已经启动,8000 端口监视中....");
})
// 总结 笔记
// 1. node每次更新要 从终端node 一下 更新数据 ,实现了前端页面再次请求服务器
// 当服务器结果发生改变,页面内容就发生改变
// 2. 在向 web 服务器发送数据时,数据必须是字符串
// 通过 JSON.stringify() 把 JavaScript 对象 转换为 字符串。
// 3. JSON.parse() 方法将 字符串 转换为 JavaScript 对象。
// 4. nodemon 提示无法打开文件的 管理员打开命令提示符输入 set-ExecutionPolicy RemoteSigned
// 一次调用就可以开启服务,无需重复请求服务器
// 5. ctrl c 可以停掉服务