axios与ajax

最新推荐文章于 2024-08-19 19:34:14 发布

是一条鱼。

最新推荐文章于 2024-08-19 19:34:14 发布

阅读量403

点赞数 1

文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/m0_56597737/article/details/128446765

版权

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

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

axios是ajax，但ajax不等于axios。

axios使用方法

//原生使用方法：

axios({
      url:'http://127.0.0.1/api/login',
      method:'post',
      data:{
        username:'admin1',
        password:'123321'   
      }
    }).then((res) => {
      console.log(res);
    })

axios({
      url:'http://127.0.0.1/api/login',
      method:'get',
      params:{  
        username:'admin1',
        password:'123321'   
      }
    }).then((res) => {
      console.log(res);
    })


//快捷使用方法

axios.get('http://127.0.0.1/api/login?username=admin&password=000000')
  .then((res) => {
    console.log(res);
  })


axios.get('/api/login',{
    baseURL:'http://127.0.0.1',
    params:{
       username:'admin1',
        password:'123321' 
    }
  })
  .then((res) => {
    console.log(res);
  })

ajax的使用方法


$.ajax({
    url:"/addActive" , // 请求路径

    type:"POST" , //请求方式

    data:{"username":"jack","age":23},

    success:function (res) {
      console.log(res);
    },

    error:function () {
      console.log("出错啦...")
    },

    dataType:"text"//设置接受到的响应数据的格式

})