AJAX处理数据交互中必不可少的就是后台接口,即url。而这个接口到底是怎么接到后台,后台又如何运作的呢。
接下来的后台基于express框架与express-static模块,在准备好node.js运行环境,在文件目录运行命令窗口,利用npm安装就行了
npm i express
npm i express-static
express框架
首先新建一个server,js文件作为脚本运行启动服务:
const express=require('express'); //引用express框架
let server=express(); //通过express框架开启服务
server.listen(3000); //监听端口号3000
server.get('/getUser',(req,res)=>{ //通过get方式由'/getUser'接口接收请求
res.send('hello world!'); //向前台发送'hello world!'字符串
res.end(); //发送结束
});
以上代码必须放置在例如wampserver的www文件夹才能开启服务,这个步骤的目的是托管静态文件,同时www这个文件夹称之为中间件。
这时express框架为我们提供了express-static模块解决中间件的问题。
express-static
接下来新建一个www文件夹,并把除这个后台脚本以外的项目文件移入其内。基于express框架启动的server服务:
const estatic=require('express-static'); //引入express-static模块
server.use(estatic('www')); //设置中间件路径为www
这样简单的后台脚本就完成了,通过[res.send()]便可以简单处理前台发过来来的请求并返回一定信息。
最后,开启后台服务的步骤为通过命令窗口在当前路径下运行:
node server.js
以上新建的文件或文件夹名并不固定,可以根据实际情况自行设置。