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

结果展示:

【附前、后端代码】 使用express写后端接口、前端调用_第1张图片

(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地址

你可能感兴趣的:(express)