vue 添加axios解决post传参数为null问题
2024-10-19 16:28:14
本文主要参考:
https://www.npmjs.com/package/axios
http://jingyan.baidu.com/article/29697b916d6a7bab20de3cf9.html
好,下面上货。
1、安装axios
npm install axios --save
2、添加axios组件
import axios from 'axios'
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.baseURL = 'http://localhost:7878/zkview';
Vue.prototype.$ajax = axios;
3、get请求
testGet: function () {
this.$ajax({
method: 'get',
url: '/test/greeting',
params: {
firstName: 'Fred',
lastName: 'Flintstone'
}
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});
},
4、post请求
testPost: function () {
var params = new URLSearchParams();
params.append('name', 'hello jdmc你好');
params.append('id', '2');
this.$ajax({
method: 'post',
url: '/test/greeting2',
data:params
// data: {id: '3', name: 'abc'}
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
})
}
5、运行结果:
6、注意:
在使用post方式的时候传递参数有两种方式,一种是普通方式,一种是json方式,如果后台接受的是普通方式,那么使用上述方式即可。
普通的formed方式
var params = new URLSearchParams();
params.append('name', 'hello jdmc你好');
params.append('id', '2');
data:params
后台接收参数:
public Student greeting2(int id,String name) {
json方式
data: {id: '3', name: 'abc'}
后台接收参数
public Object greeting2(@RequestBody Object student) {
最新文章
- [HIMCM暑期班]第3课:一个博弈问题
- 什么是领域模型(domain model)?贫血模型(anaemic domain model) 和充血模型(rich domain model)有什么区别
- C#正则表达式编程(四):正则表达式
- windows操作系统的快捷键
- Linux学习笔记---【1】
- el-get
- 【oracle】触发器简单实现
- PHP扫雷(转载)。
- Spring boot jar 后台运行
- Java String 类的 equals 和 ==
- [转]整理jquery开发技巧
- 【树状数组】 poj 2352
- Linux虚拟主机通过FTP软件创建目录时提示550 Create Directory Operation Failed
- Swift3中方法可变参数语法的一些改变
- [译]PEP 342--增强型生成器:协程
- 学习笔记: yield迭代器
- RocketMQ入门案例
- vue Bus总线
- 分享一段奇葩的DBMS_JOB书写经历
- eclipse 下编译c++
热门文章
- asp.net 4.0 尚未在服务商注册 您需要手动将web服务器配置为 ASP.NET4.0,这样您的网站才能正常进行。
- /usr/lib64/python2.6/lib-dynload/pyexpat.so: symbol XML_SetHashSalt, version EXPAT_2_0_1_RH not defined in file libexpat.so.1 with link time reference
- liunx 用户切换 su sudo
- BFS(两点搜索) UVA 11624 Fire!
- mongodb的安装以及客户端
- view 的继承关系
- 394 Decode String 字符串解码
- SqlServer数据库(可疑)解决办法
- 国内使用pip / pip with GFW / pip 镜像
- SQLiteDeveloper 工具