1、认识AJAX及其准备工作

2024-03-11 16:15:14 浏览数 (1)

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

0 人点赞