当前位置:   article > 正文

axios与ajax_axios 是 ajax的一种吗

axios 是 ajax的一种吗

mvvm模式下,axios更适合用来请求数据,Axios是基于promise实现对ajax技术的封装。ajax是jquery将请求技术进行了封装。

简单来说,jquery将请求技术封装后,成了ajax,之后又通过 promise 将 ajax  封装为axios。

axios是ajax,但ajax不等于axios。

axios使用方法

  1. //原生使用方法:
  2. axios({
  3. url:'http://127.0.0.1/api/login',
  4. method:'post',
  5. data:{
  6. username:'admin1',
  7. password:'123321'
  8. }
  9. }).then((res) => {
  10. console.log(res);
  11. })
  12. axios({
  13. url:'http://127.0.0.1/api/login',
  14. method:'get',
  15. params:{
  16. username:'admin1',
  17. password:'123321'
  18. }
  19. }).then((res) => {
  20. console.log(res);
  21. })
  22. //快捷使用方法
  23. axios.get('http://127.0.0.1/api/login?username=admin&password=000000')
  24. .then((res) => {
  25. console.log(res);
  26. })
  27. axios.get('/api/login',{
  28. baseURL:'http://127.0.0.1',
  29. params:{
  30. username:'admin1',
  31. password:'123321'
  32. }
  33. })
  34. .then((res) => {
  35. console.log(res);
  36. })

ajax的使用方法

  1. $.ajax({
  2. url:"/addActive" , // 请求路径
  3. type:"POST" , //请求方式
  4. data:{"username":"jack","age":23},
  5. success:function (res) {
  6. console.log(res);
  7. },
  8. error:function () {
  9. console.log("出错啦...")
  10. },
  11. dataType:"text"//设置接受到的响应数据的格式
  12. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/988499
推荐阅读
相关标签
  

闽ICP备14008679号