详解Nodejs get获取远程服务器接口数据
脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用
本文实例为大家分享了Nodejs get获取远程服务器接口数据的具体代码,供大家参考,具体内容如下
1.GET模块:_get.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | /** * Created by jinx on 7/7/17. */ var http = require( 'http' ); module.exports = { /** * 测试获取所有的区域 * / locations: function (cb) { http.get( 'http://wx.xx.com/locations' , function (res) { res.setEncoding( 'utf8' ); var rawData = '' ; res.on( 'data' , function (chunk) { rawData += chunk; }); res.on( 'end' , function () { try { const parsedData = JSON.parse(rawData); console.log(parsedData); cb(parsedData); } catch (e) { console.error(e.message); cb( 'error' ); } }); }); } } |
2.路由端调用:routes.js
1 2 3 4 5 6 7 8 9 10 | var _get = require( '../modules/_get' ); module.exports = function (app, _dirpath) { app.get( '/get' , function (req, res) { _get.locations( function (data) { res.writeHead(200, { "Content-Type" : "application/json" }); res.write(JSON.stringify(data)); res.end(); }); }); } |
3.服务启动入口:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | /** * Created by jinx on 7/3/17. */ var express = require( 'express' ) , routes = require( './routes/routes' ) , http = require( 'http' ); var app = express(); app.set( 'port' , process.env.PORT || 3000); app.set( 'views' , __dirname + '/views' ); app.set( 'view engine' , 'ejs' ); /** * 静态文件目录 */ app.use(express.static( 'public' )); /** * 加载路由配置 */ routes(app,__dirname); /** * 启动服务器 */ http.createServer(app).listen(app.get( 'port' ), function (){ console.log( "服务器已经启动了" + app.get( 'port' )); }); |
4.项目目录如下:
5.调用js get.js:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | /** * Created by jinx on 7/7/17. */ var _i; $( function () { _i = layer.open({type: 2}); $.ajax({ url: '/get' , type: 'get' , dataType: 'json' , success: function (res) { if (res != null ) layer.close(_i); new Vue({ el: '.main' , data: {items: res.params} }); } }) }) |
6.调用页面 get.html:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> < meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> < title >http get</ title > < link href = "https://cdn.bootcss.com/layer/3.0.1/mobile/need/layer.min.css" rel = "external nofollow" rel = "stylesheet" > < link href = "https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel = "external nofollow" rel = "stylesheet" > < link href = "https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel = "external nofollow" rel = "stylesheet" > < link href = "css/style.css" rel = "external nofollow" rel = "stylesheet" > </ head > < body > < table class = "table main" > < thead > < tr > < td >ID</ td > < td >Name</ td > </ tr > </ thead > < tbody > < tr v-for = "item in items" > < td v-text = "item.id" ></ td > < td v-text = "item.name" ></ td > </ tr > </ tbody > </ table > < a href = "/" rel = "external nofollow" class = "btn btn-info width-100" >返回首页</ a > < script src = "https://cdn.bootcss.com/jquery/3.2.1/jquery.js" ></ script > < script src = "https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" ></ script > < script src = "https://cdn.bootcss.com/layer/3.0.1/mobile/layer.js" ></ script > < script src = "https://cdn.bootcss.com/vue/2.3.4/vue.min.js" ></ script > < script src = "js/get.js" ></ script > </ body > </ html > |
以上所述是小编给大家介绍的Nodejs get获取远程服务器接口数据详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!
相关文章
npm does not support Node.js问题的解决办法
这篇文章主要给大家介绍了关于npm does not support Node.js问题的解决办法,文中通过代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-10-10Node.js多文件Stream合并,串行和并发两种模式的实现方式
这篇文章主要介绍了Node.js多文件Stream合并,串行和并发两种模式的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10electron demo项目npm install安装失败的解决方法
下面小编就为大家分享一篇electron demo项目npm install安装失败的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02快速搭建Node.js(Express)用户注册、登录以及授权的方法
这篇文章主要介绍了快速搭建Node.js(Express)用户注册、登录以及授权,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2019-05-05
最新评论