axios 和 ajax 的使用方法基本一样,只有个别参数不同;如果用到了vue-cli当然推荐使用axios了,不建议使用jquery的ajax,另外vue-resource不维护了,不推荐使用了。
axios的使用
1 $ npm install axios 2 $ cnpm install axios //taobao源 3 或者使用cdn: 4 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 5 6 axios({ 7 url: 'http://jsonplaceholder.typicode.com/users', 8 method: 'get', 9 responseType: 'json', // 默认的 10 data: { 11 //'a': 1, 12 //'b': 2, 13 } 14 }).then(function (response) { 15 console.log(response); 16 console.log(response.data); 17 }).catch(function (error) { 18 console.log(error); 19 })
jquery的ajax使用
1 $.ajax({ 2 url: 'http://jsonplaceholder.typicode.com/users', 3 type: 'get', 4 dataType: 'json', 5 data: { 6 //'a': 1, 7 //'b': 2, 8 }, 9 success: function (response) { 10 console.log(response); 11 } 12 })
二者方法大同小异