文章目录

一、Qs.js库介绍1. Qs简介2. Qs.parse3. Qs.stringify

二、jQuery调用接口1. 增加(Create)2. 删除(Delete)3. 读取(Read)4. 更新(Update)

三、示例

一、Qs.js库介绍

1. Qs简介

Qs是一个url参数转化(parse和stringify)的js库。

本地引入

CDN引入

2. Qs.parse

字符串转换为对象

控制台日志

3. Qs.stringify

对象转换为字符串

控制台日志

二、jQuery调用接口

1. 增加(Create)

$.ajax({

url: '/api/save',

method: 'post',

data: {

name,

status,

},

success(res) {

console.log('数据创建成功');

},

error(error) {

console.log(error);

}

})

2. 删除(Delete)

$.ajax({

url: '/api/delete',

method: 'post',

data: {

role_id: id

},

success(res) {

console.log('数据删除成功');

},

error(error) {

console.log(error);

}

})

3. 读取(Read)

$.ajax({

url: '/api/list',

method: "post",

data: Qs.stringify(data),

success(res) {

res.data.forEach(function (item, index) {

// 数据处理

})

},

error(error) {

console.log(error);

}

})

4. 更新(Update)

$.ajax({

url: '/api/update',

method: 'post',

data: {

role_id,

name,

status,

},

success(res) {

console.log('数据更新成功');

},

error(error) {

console.log(error);

}

})

三、示例

Test

角色名称状态序号操作

添加角色

角色名称:

状态: 有效

失效

序号:

推荐链接

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: