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

最新推荐文章于 2021-11-23 10:30:12 发布

weixin_33778778

最新推荐文章于 2021-11-23 10:30:12 发布

阅读量254

点赞数

文章标签：数据库

原文链接：http://www.cnblogs.com/SharkChilli/p/8078812.html

版权

打开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

weixin_33778778

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
初入koa2 -一个简单的ajax接口

打开router目录下的index.js文件，稍微更改后，它现在是这样的const router = require('koa-router')()var questions=[ { data:213, num:444, age:12 }, { data:456, ...
复制链接

扫一扫