美文网首页
node.js(一) 学习之前端接口数据交互

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

作者: 造梦先生2mr | 来源:发表于2017-03-08 00:00 被阅读0次

后台接口文件:scolt.js

scolt.js

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

data.txt

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

运行显示图

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

test.html

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

浏览器运行图

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

相关文章

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

    后台接口文件:scolt.js 使用fs获取data.txt中的数据,data.txt中的数据如图所示 控制台中运...

  • 接口测试策略

    接口设计检查(接口本身属性) 通过接口设计文档(服务器接口文档及客户端数据约束文档)进行交互数据的有效性检查: a...

  • 关于接口设计的理解

    数据源 接口起到的是承前启后的数据交互传输的作用,比如iOS/Android/前端需要接口数据支撑, 服务端开始根...

  • express+mysq+ajax前后端交互

    之前用的是PHP前后端交互数据库,但是Node.js是主流趋势,所以就去学了。 node.js用了express搭...

  • 每周工作总结

    这周完成的 1 完善分级阅读微信端订阅相关数据接口,修复学习流程数据接口中存在的bug,完善接口文档并配合web端...

  • React Native Fetch 模拟请求本地json数据

    和服务器接口交互,当客户端还已经开发完,但服务器接口还没发布时,客户端可以先使用本地模拟的数据去测试,等服务器接口...

  • flutter-formdata上传头像

    项目里用到与服务端交互图片,flutter formdata数据交互方法 之前在header里加了content-...

  • 接口文档

    1.1.1协议说明 服务器端同客户端的数据交互采取HTTP/HTTPS为基础的REST接口方式。REST请求仅支持...

  • JavaScript核心技术开发解密读书笔记(第十章下)

    接上节Promise。 Ajax Ajax是网页与服务端进行数据交互的一种技术,我们可以通过服务端提供的接口,用A...

  • Jmeter 最新版5.3 安装

    接口测试是个什么接口测试是测试系统数据交互的一种测试,(接口是实现数据交互的通道)。接口测试主要用于检测外部系统与...

网友评论

      本文标题:node.js(一) 学习之前端接口数据交互

      本文链接:https://www.haomeiwen.com/subject/gfeobttx.html