Ajax请求与node

在真正的认识ajax之前，首先你得对服务器了解，可以使用后端语言创建一个本地的服务器进行基本的操作，这里我是使用node创建了一个本地的服务器，也就是既是用户端也是服务端

在node中需要先了解到node的基本操作

n stable // 安装最新稳定版node
n 8.11.3 // 安装指定版本node
n ls // 查看所有node版本号
n rm 8.0.0 //删除某个版本的node
n // 查看安装的node版本，并进行切换版本

接下来就需要对npm包中进行初始化,在终端中，cd命令到项目的路径，输入

npm init

输入完后，会要求输入

package name:(包的名称)

Version:(版本号)

Description:(描述)

Entry point:(导入的js文件)

等等

要求输入的这些东西，也可以不输入，会默认，但真正处理项目的时候要求要填写清楚

你就会发现在项目文件中有一个文件叫做package.json

点击进入，我们可以看到

和你创建时输入的值是相对应的。

在创建完后，就需要下载服务器框架(express)

npm install express

在下载的时候无法下载有可能是在外网下载，网速非常慢，我们也可以使用淘宝镜像

我本人使用时出现另一个问题就是报这样的错误

npm : 无法加载文件 C:\Users\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本

解决方法：powershell中输入set-ExecutionPolicy RemoteSigned

修改策略，输入y即可

//安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
//检查是否安装成功：
$ cnpm -v

安装淘宝镜像后，下载当中的包方法是一样的，只需要将npm改为cnpm

cnpm install express

安装好框架后，在node中导入express包
const express = require(‘express’)

调用express
const app = express()

创建路由
app.get(‘/user’,(req,res)=>{ //req用来接收用户端发送的,res用来向发送的
	res.send(“hello ajax”)
}) 

启动服务器

app.listen(80,()=>{
	console.log(“服务器启动成功”)
})

之上的代码是用于服务器的

写完服务器代码后，记得在终端执行文件，启动服务器

现在我们开始写客户端代码

h5的我就不写了，js的直接上

创建ajax对象
let xhr = new XMLHttpRequest()

指定要发送的方式和请求的地址
Xhr.open(“get”,”http://127.0.0.1/user”)

发送
Xhr.send()

Xhr.onload = function(){
	console.log(xhr.responseText)//打印的是服务器向客户端发送的文本
}

这里还要注意一个跨域问题

直接在服务器中导入cors模块（也需要使用cnpm下载哦）

Const cors = require(“cors”)

再使用app.use(cors)添加至全局

便可以执行了

最终服务器端代码如下

执行代码后，在控制台得到数据

说明我们成功以ajax向服务器发送了请求，如果讲解的地方请指明，我也是菜鸟，谢谢