AJAX—前期准备

最新推荐文章于 2022-11-28 14:06:28 发布

Jurous

最新推荐文章于 2022-11-28 14:06:28 发布

阅读量222

点赞数

分类专栏： AJAX 文章标签： ajax javascript ecmascript

本文链接：https://blog.csdn.net/Jurous/article/details/126405246

版权

AJAX 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Node.js与express简单使用

1、首先安装Node.js，并在cmd终端查看是否安装完成

2、打开vs编译器，创建xxx.js文件，并于文件导航出右键终端打开

下方输入框 npm inti --yes 进行初始化

然后 npm i express 安装express框架

3、在创建的js文件中输入以下代码

// 1、引入express
const { response } = require("express");
const express = require("express");
const { request } = require("http");
// 2、创建应用对象
const app = express();
// 3、创建路由规则：request是对请求报文封装，response是对响应报文封装
app.get('/', (request, response) => {
    // 设置简单响应
    response.send('HELLO EXPRESS');
})
// 4、监听端口，启动服务
app.listen(8000, () => {
    console.log("服务已经启动，8000端口监听中..");
})

4、再次打开终端 node xxx.js (自己创建的文件名)

5、最后浏览器打开输入 127.0.0.1:8000 即可，随后F12键查看报文和响应

准备工作

html

<style>
#result {width: 200px;height: 100px;border: solid 1px #909090;}
</style>
<body>
    <!-- 点击按钮发送请求，并返回服务端响应体结果 -->
    <button>点击发送请求</button>
    <div id="result"></div>

server.js

const express = require('express');
const app = express();
app.get('/server', (request, response) => {
    // 设置响应头,设置允许跨域
    response.setHeader('Access-Controll-Allow-Origin', '*');
    // 设置响应体
    response.send('HELLO AJAX');})
app.listen(8000, () => {console.log("服务已经启动，8000端口监听中..");})

2、打开终端启动node server.js

注：若发送保存则需要将上次测试的 xxx.js删除释放端口，并重新输入启动

后续的代码运行中，很多报错都有可能是端口占用，值得留意

不同版本vs可能是下拉菜单，此处我是终端右侧即可查看，右键停止