1、认识AJAX及其准备工作

打不着的大喇叭

发布于 2024-03-11 16:15:14

560

发布于 2024-03-11 16:15:14

文章被收录于专栏：喇叭的学堂喇叭的学堂

1、认识AJAX

AJAX = Asynchronous JavaScript and XML

AJAX 是前端与后台的少量数据交互，使网页实现异步更新。也就是说学了它我们就可以在不重新加载整个页面的情况下，对网页的某些部分进行更新。而传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个页面

2、准备工作

*  去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点不用保留】

// 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 可以停掉服务

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2024-03-11，如有侵权请联系 cloudcommunity@tencent.com 删除

路由