使用node模拟前端接口

最新推荐文章于 2023-01-30 11:23:44 发布

Coloryi

最新推荐文章于 2023-01-30 11:23:44 发布

阅读量296

点赞数

本文链接：https://blog.csdn.net/Coloryi/article/details/88761949

版权

data.json文件：

{
	"students": [
		{
			"id": "1",
			"name": "张小三",
			"age": 18
		}, {
			"id": 2,
			"name": "张三",
			"age": 18
		}, {
			"id": 3,
			"name": "张小",
			"age": 18
		}, {
			"id": 4,
			"name": "张三",
			"age": 18
		}, {
			"id": 5,
			"name": "张三",
			"age": 18
		}, {
			"id": 6,
			"name": "张三",
			"age": 18
		}
	]
}

get.js文件：

var express = require('express');
var fs = require('fs')

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();
 });

  app.get('/',function(req,res){
  	fs.readFile('./data.json',function(err,data){
  		if(err){
  			console.log(0);
  		}else{
  			res.send(JSON.parse(data))
  		}
  	})
  	
  })

app.listen(8020,function(){
	console.log(1);
});

getdata.html：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
	</head>
	<body>
		
	</body>
	<script>
			var xml = new XMLHttpRequest();
			
			xml.onreadystatechange=function(){
				if(xml.readyState==4&&xml.status==200){
					console.log(xml.responseText)
				}
			}
			
			xml.open('get','http://localhost:8020/');
			xml.send();
			
			
		</script>
</html>

结果图：

Coloryi

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用node模拟前端接口

data.json文件：{ "students": [ { "id": "1", "name": "张小三", "age": 18 }, { "id": 2, "name": "张三", "age": 18 }, { "id": 3, "name": "张小", "age": 18 }, { "id": 4, ...
复制链接

扫一扫