用node写一个属于自己的API接口。

需要掌握基础的node知识和Ajax请求知识。

1.目录结构如下。

2.完整代码展示及注释:

data.json (模仿后台数据)

{
  "data": { 
    "returnCode": "SUCCESS", 
    "success": true,
    "banner": "双十一大抢购!go!go!go!",
    "list": [
      {
        "title": "入秋穿搭指南",
        "imgage": "xxx.jpg"
      },
      {
        "title": "秋季护肤大作战",
        "imgage": "xxx.jpg"
      },
      {
        "title": "流行套装抢先一步",
        "imgage": "xxx.jpg"
      },
      {
        "title": "焕新时尚周",
        "imgage": "xxx.jpg"
      },
      {
        "title": "好物特卖",
        "imgage": "xxx.jpg"
      }
    ]
  }
}

server.js (搭建服务器)

const http = require('http');
const fs = require('fs');
const server = http.createServer((request, response) => {//创建一个服务器实例,传入一个回调函数
  const url = request.url;
  if (url === '/') {//如果请求到的路径是当前路径,则执行这里面的内容
    fs.readFile('./index.html', (err, data) => {//读取我们当前的index.html页面状态
      if (!err) {//如果没有报错的话,就执行这里的代码
        //设置响应头和200状态码(成功)
        response.writeHead(200, {"Content-Type":"text/html;charset=utf-8"})
        //1.statusCode:HTTP状态码,如200(请求成功)
        //2.设置服务器端返回数据的方式和类型,防止中文乱码
        response.end(data);//此方法向服务器发出信号,表明已发送所有响应头和主体
      }else {
          throw err;//抛出错误
      }
    });
  }else if (url === '/data') {
      fs.readFile('./data.json', (err, data) => {
        if (!err) {
            response.writeHead(200, {"Content-Type":"application/json"})
            response.end(data)
        }else {
            throw err;
        }
      })
  }else {
      
  }
});
server.listen(8080);//监听端口
console.log(`server is running at http://127.0.0.1:8080`)

index.html (发送ajax,请求数据)




    
    
    Document







3.运行服务器。

4.效果展示。

附:对于ajax请求不是很了解的,可以看下这个:https://blog.csdn.net/l_ppp/article/details/108921610?utm_medium=distribute.pc_category.none-task-blog-hot-5.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-5.nonecase&request_id=
对于服务器搭建不是很了解的,可以看下这个:https://www.liaoxuefeng.com/wiki/1022910821149312/1023025830950720

你可能感兴趣的:(用node写一个属于自己的API接口。)