基于node搭建服务器,写接口,调接口,跨域的实例


Posted in Javascript onMay 13, 2018

刚开始学node,今天做这个也是累死宝宝了,以后可以自己写接口自己用了,再也不用麻烦人家后台人员了,这些年我们欠他们的太多了,说多了都是泪,不多说,往下看吧。。。

服务端项目目录下:

1、npm init 创建package.json文件;

2、创建一个app.js文件,下面的标注都有了,简单的写了一个接口,下面会用,对跨域访问做了设置

var express=require('express');
var app =express();
//设置跨域访问
app.all('*', function(req, res, next) {
 res.header("Access-Control-Allow-Origin", "*");
 res.header("Access-Control-Allow-Headers", "X-Requested-With");
 res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
 res.header("X-Powered-By",' 3.2.1');
 res.header("Content-Type", "application/json;charset=utf-8");
 next();
});
var questions=[
{
data:213,
num:444,
age:12
},
{
data:456,
num:678,
age:13
}];
//写个接口123
app.get('/123',function(req,res){
res.status(200),
res.json(questions)
});
//配置服务端口
var server = app.listen(3000, function () {
var host = server.address().address;
 var port = server.address().port;
 console.log('Example app listening at http://%s:%s', host, port);
})

3、接下来该安装 express 框架了吧,因为我们上面用到了,直接安装并写入依赖里。

npm install express --save

项目目录下:

1、随便创建一个 index.html 文件,做一个ajax 的get请求看看,url就是我们刚创建的服务端的接口地址。

$.ajax({
type:'get',
url:'http://localhost:3000/123',
success:function(data){
console.log(data);
},
error:function(){
console.log('error');
}
})

2、看下面的图可以知道我们已经请求到数据了,拿到的数据就随便你处置了。

基于node搭建服务器,写接口,调接口,跨域的实例

后面继续学习中。。。。

相关的文档 http://www.expressjs.com.cn/

以上这篇基于node搭建服务器,写接口,调接口,跨域的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
extjs DataReader、JsonReader、XmlReader的构造方法
Nov 07 Javascript
网页图片延时加载的js代码
Apr 22 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
JS操作JSON要领详细总结
Aug 25 Javascript
jquery基础教程之deferred对象使用方法
Jan 22 Javascript
Javascript常用字符串判断函数代码分享
Dec 08 Javascript
JS返回顶部实例代码
Aug 09 Javascript
AngularJS 监听变量变化的实现方法
Oct 09 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
Nov 01 Javascript
JS正则表达式常见函数与用法小结
Apr 13 Javascript
jquery实现简单每周轮换的日历
Sep 10 jQuery
vue实现简单的登录弹出框
Oct 26 Javascript
深入理解js 中async 函数的含义和用法
May 13 #Javascript
如何更好的编写js async函数
May 13 #Javascript
基于jQuery实现无缝轮播与左右点击效果
May 13 #jQuery
在angular 6中使用 less 的实例代码
May 13 #Javascript
深入理解JS的事件绑定、事件流模型
May 13 #Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
May 13 #Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
May 13 #Javascript
You might like
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
PHP正则表达式之定界符和原子介绍
2012/10/05 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
FormValid0.5版本发布,带ajax自定义验证例子
2007/08/17 Javascript
两种WEB下的模态对话框 (asp.net或js的分别实现)
2009/12/02 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
你可能不知道的JavaScript的new Function()方法
2014/04/17 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
浅谈javascript中的DOM方法
2015/07/16 Javascript
解决jQuery使用JSONP时产生的错误
2015/12/02 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
2016/03/05 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
2016/04/17 Javascript
Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
2016/05/04 Javascript
getElementById().innerHTML与getElementById().value的区别
2016/10/27 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&”)
2016/12/23 Javascript
Ionic项目中Native Camera的使用方法
2017/06/07 Javascript
Vue内容分发slot(全面解析)
2017/08/19 Javascript
Angular如何在应用初始化时运行代码详解
2018/06/11 Javascript
ajax与jsonp的区别及用法
2018/10/16 Javascript
react 应用多入口配置及实践总结
2018/10/17 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
2020/01/08 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
Python中的index()方法使用教程
2015/05/18 Python
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
在python中pandas读文件,有中文字符的方法
2018/12/12 Python
使用python的pyplot绘制函数实例
2020/02/13 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
HTML5表单验证特性(知识点小结)
2020/03/10 HTML / CSS
客房主管岗位职责
2013/12/09 职场文书
《逃家小兔》教学反思
2014/02/23 职场文书
初中国旗下的演讲稿
2014/08/28 职场文书
2014年学校后勤工作总结
2014/12/06 职场文书
护理专业自我评价
2015/03/11 职场文书
2015年高中生国庆节演讲稿
2015/07/30 职场文书
大学同学聚会感言
2015/07/30 职场文书