Vue-axios 與 Jquery-ajax 的使用區別


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         })


二者方法大同小異


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM