好, 下面上货
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;
3get 请求
- 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);
- });
- },
4post 请求
- 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) {
来源: http://www.jb51.net/article/135915.htm