初入koa2 -一個簡單的ajax接口

本文轉載自查看原文 2017-12-21 10:16 3193

打開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來進行數據庫查詢

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 koa2源碼解讀及實現一個簡單的koa2框架使用koa2寫一個簡易接口使用koa2做一個簡單的圖片上傳web koa2 簡單配置實現簡單實現 nodejs koa2 mysql 增刪改查制作接口用 Koa2 搭建一個可跨域的本地接口服務，並在前端進行訪問。快速新建簡單的koa2后端服務 koa2實現簡單的圖片上傳 koa2實現簡單的驗證碼 koa2