node.js(一) 学习之前端接口数据交互

后台接口文件:scolt.js

node.js(一) 学习之前端接口数据交互_第1张图片
scolt.js

使用fs获取data.txt中的数据,data.txt中的数据如图所示

data.txt

控制台中运行其文件,在确保安装了node环境,运行后提示信息

运行显示图

再建立前端htm页面展示,使用jquey的ajax来请求,其中代码如下

node.js(一) 学习之前端接口数据交互_第2张图片
test.html

再确保后台接口文件scolt.js运行的情况下,再浏览器中打开test.html,浏览器显示获取到了接口中的数据。

node.js(一) 学习之前端接口数据交互_第3张图片
浏览器运行图

结果展示成功,通过ajax获取到了数据,下一步通过从数据库中获取数据再前端显示

你可能感兴趣的:(node.js(一) 学习之前端接口数据交互)