Vue+axios的四种异步请求，参数的携带以及接收
2024-09-24 16:20:10
Vue中axios发送GET, POST, DELETE, PUT四种异步请求，参数携带和接收问题
web.xml配置如下
1、GET请求
发送GET请求：
<!--params是关键字，说明所携带的参数,json格式参数-->
axios.get('/edit.do', {params: {id: value}})
.then((response) => {
//TODO
})
Controller接收GET请求：
@GetMapping("/edit")
public Result edit(Integer id){
//TODO
}
2、POST请求
发送POST请求：
var params = {
currentPage: this.pagination.currentPage, //当前页码
pageSize: this.pagination.pageSize, //页面大小
queryString: this.pagination.queryString //搜索条件
}
<!--POST请求第二个参数，可直接携带json格式的参数-->
axios.post('/findPage.do', params)
.then(response => {
//TODO
})
Controller接收POST请求：
public class QueryPageBean implements Serializable {
private Integer currentPage;//页码
private Integer pageSize;//每页记录数
private String queryString;//查询条件
}
@PostMapping("/findPage")
public PageResult findPage(@RequestBody QueryPageBean queryPageBean){
//TODO
}
3、DELETE请求
发送DELETE请求：
<!--DELETE请求第二个参数，可携带多个json格式的参数，但需要params作为json参数的关键字-->
axios.delete('/delete.do', {params: {id: value}})
.then((response) => {
//TODO
})
Controller接收DELETE请求：
@DeleteMapping("/delete")
public Result delete(Integer id){
//TODO
}
4、PUT请求
发送PUT请求：
<!--PUT请求第二个参数，可直接携带json格式的参数-->
axios.put('/update.do', {name:userName,age:userAge,address:userAddress})
.then((response) => {
//TODO
})
Controller接收PUT请求：
public class User implements Serializable {
private String name;
private Integer age;
private String address;
}
@PutMapping("/update")
public Result update(@RequestBody User user){
//TODO
}
最新文章
- 使用简介<EntityFramework6.0>
- 使用Myeclipse插件将wsdl生成java客户端代码
- 完美解决：Could not retrieve mirrorlist http://mirrorlist.centos.org/?release=6&arch=x
- 【转】C#进阶系列——WebApi 接口参数不再困惑：传参详解
- 日志log使用序列反序列加密（Serializer） DESCrypto 加密
- POJ 3696 The Luckiest number （欧拉函数，好题）
- Ansible7：Playbook常用模块【转】
- Libevent 事件管理和添加事件
- 配置SQL Server on Linux（1）
- Spring拦截器总结
- 1小时学会JQuery
- CSS3_标准盒子模型和怪异盒子模型
- 51单片机：IO口扩展芯片用法(74HC165,74HC595)
- 《Linux课本》读书笔记 第四章
- linux下删除大量文件提示参数过长解决办法
- repo学习笔记
- 用Vue-cli生成vue+webpack的项目模板怎么设置为vue1.0版本？
- docker stack 部署容器监控方案（cAdvisor、Prometheus、Grafana）
- python内置函数和魔法函数
- PipelineDB On Kafka