文章目录
一、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);
}
})
三、示例
| 角色名称 | 状态 | 序号 | 操作 |
|---|
添加角色
失效
推荐链接
您阅读本篇文章共花了： 大家都在找：
jquery：jquery菜鸟教程
前端：前端和后端的区别通俗理解
本文由 用户 于 2024-02-08 发布在 金钥匙，如有疑问，请联系我们。
本文链接：https://www.51969.com/post/18512026.html
发表评论