zoukankan      html  css  js  c++  java
  • 初入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来进行数据库查询

  • 相关阅读:
    转化磁盘格式 FATS > NTFS
    hzgb2312 转码工具
    关于南空调,北暖气
    BSTR、_bstr_t与CComBSTR
    string 转化为其他类型
    VARIANT 、_variant_t 与 COleVariant
    恐怖级算法题目一【据说是百度的面试题】
    谈论下各大公司的网络游戏
    chinacloud,记录自己的云计算体会
    回文数的判断
  • 原文地址:https://www.cnblogs.com/SharkChilli/p/8078812.html
Copyright © 2011-2022 走看看