做前端的朋友,有没有这种感觉。做个项目要用到接口调数据的时候,突然发现你们的后台大锅接口还木有写好又或者其他还没调联好,也还没办法给你地址。那这时候可以自己写个假数据来模拟着先。自从node出来之后,对我们前端的银来说,这个厉害惨了,一些简单接口咱们也可以自己写自己调了,也比较简单~先不麻烦你后台哥哥码文档了!
下面上代码:
默认装好了node的环境哈。没安装node的可以先下载安装,然后相关node和npm的一些基础可以去官网看看先。
首先命令行npm init 创建一下package.json文件。
然后在项目目录上创建一个api.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 infor = [ //传前端的数据
{
name:'jay',
age:20,
sex:'男',
hobby:'basketball'
},
{
name:'贼好玩',
age:23,
sex:'女',
hobby:'shopping'
},
{
name:'高渐离',
age:24,
sex:'男',
hobby:'music'
},
{
name:'小红',
age:28,
sex:'男',
hobby:'game'
},
{
name:'Tony',
age:24,
sex:'男',
hobby:'no'
},
]
app.get('/api',function(req,res){ //配置接口api
res.status(200),
res.json(infor)
})
//配置服务端口
var server = app.listen(3002,function(){
var host = server.address().address;
var port = server.address().port;
console.log('listen at http://%s:%s',host,port)
})
然后上面用到了express框架,所以要install一下,直接在命令行里安装并写入依赖里
npm install express --save
到这里其实接口就完了。这么简单????对,就是这么简单。
然后再去html里面用ajax请求一下。
$.ajax({
type:'get',
url:'http://localhost:3002/api',
success:function(data){
console.log(data)
},
error:function(err){
console.log(err)
}
})
再F12打开控制台窗口,看到下面这个返回的数据,就已经ok的了。
其实我也是最近在学习的node中,如果上面有哪里写错话的可以指出来哟,谢谢!