初入koa2 -一个简单的ajax接口

打开router目录下的index.js文件,稍微更改后,它现在是这样的

const router = require('koa-router')()

var questions=[
    {
        data:213,
        num:444,
        age:12
    },
    {
        data:456,    
        num:678,
        age:13
    }
];

router.get('/', async (ctx, next) => {
  await ctx.render('index', {
    title: 'Hello Koa 2!'
  })
})

router.get('/string', async (ctx, next) => {
  ctx.body = 'koa2 string'
})

router.post('/json', async (ctx, next) => {
  var data = {
      name: ctx.request.body.name,
      age: ctx.request.body.age,
      createdAt: Date.now()
  };
  if(data.name && data.age) {
        ctx.body = questions
      }else {
          ctx.body = {err: 1,msg: 'invalid request'}
      }

})

module.exports = router

新建一个html文件,模仿一个简单的post请求,它现在是这样的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>node api</title>
    <script src="./jquery-1.12.0.min.js"></script>
</head>
<body>
    <div class="container"></div>
    <script>
    $(document).ready(function() {
        $.ajax({
            type:'post',
            url:'http://localhost:3000/json',
            data: {
                name: 'hanmeimei',
                age: 18
            },
            success:function(data){
                console.log(data);
            },
            error:function(){
                console.log('error');
            }
        })
    })
    </script>
</body>
</html>

F12打开调试工具,它现在是这样的

吃了后台这么久的粮,以后终于可以自给自足了。现在是死数据,正常post请求会根据传入的data来进行数据库查询

原文地址:https://www.cnblogs.com/SharkChilli/p/8078812.html