Ajax的封装——Axios与jQuery

最新推荐文章于 2024-04-09 10:00:00 发布

pro1822

最新推荐文章于 2024-04-09 10:00:00 发布

阅读量2.9k

点赞数

分类专栏： Ajax基础文章标签： Axios ajax node.js

本文链接：https://blog.csdn.net/qq_41523175/article/details/124371029

版权

一、下载安装

cnpm install axios

Axios是Ajax的第三方模块。

它给我们封装好了一些Ajax方法。

二、使用Axios实现水果列表的增删改查

1、项目目录

public目录存放静态文件。

2、server.js：

const Koa = require("koa");
const router = require("koa-router")();
const nunjucks = require("nunjucks");
const static = require("koa-static");
const views = require("koa-views");
const parser = require("koa-parser");
const app = new Koa();
app.use(parser());
app.use(static(__dirname + "/public"));
app.use(views(__dirname + "/views", {
    map: {
        html: "nunjucks"
    }
}))

let dataList = ["香蕉", "苹果", "鸭梨"];

router.get("/", async ctx => {
    await ctx.render("index");
})

// get查询
router.get("/fruits", ctx => {
    ctx.body = dataList;
})

// post添加
router.post("/fruits", ctx => {
    // form-data中输入草莓
    let