【附前、后端代码】 使用express写后端接口、前端调用

结果展示：

（1）先写后端接口（ node + express ）

npm init

npm install 

npm install express  --save

app.js文件

const express = require('express')
const 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 = [
{
    name:'张三',
    age:12
},
{
    name:'柠檬',
    age:13
}
]

app.get('/123',function(req,res){
    res.status(200);
    res.json(questions);
})

app.get('/', (req, res) => res.send('Hello World!'))

app.listen(3000, () => console.log('app listening on port 3000!'))

（2）在使用ajax调取接口

index.html页面

    
    
    
	
	


    点击请求数据

    

-----------------------------------node文件，记得安装依赖

项目地址：demo的git地址