美文网首页
请求接口

请求接口

作者: 路尔轩 | 来源:发表于2019-07-20 09:34 被阅读0次

    1、ajax

    $.ajax({
        url:"http://www.microsoft.com",    //请求的url地址
        dataType:"json",   //返回格式为json
        async:true,//请求是否异步,默认为异步,这也是ajax重要特性
        data:{"id":"value"},    //参数值
        type:"POST",   //请求方式
        beforeSend:function(){
            //请求前的处理
        },
        success:function(req){
            //请求成功时处理
        },
        complete:function(){
            //请求完成的处理
        },
        error:function(){
            //请求出错处理
        }
    });
    

    2、 axios
    a.GET请求

    axios.get('/user?ID=12345')
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });
    
    axios.get('/user', {
        params: {
          ID: 12345
        }
      })
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });
    

    b.POST请求

    axios.post('/user', {
        firstName: 'Fred',
        lastName: 'Flintstone'
    })
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error);
    });
    

    3、 Fetch
    a.GET请求

    fetch(url).then(function(response) {
      return response.json()
    }).then(function(data) {
      console.log(data)
    }).catch(function(e) {
      console.log(e)
    });
    

    b.POST请求

    fetch(url, {
      method: "POST",
      body: JSON.stringify(data),
    }).then(function(data) {
      console.log(data)
    }).catch(function(e) {
      console.log(e)
    })
    

    相关文章

      网友评论

          本文标题:请求接口

          本文链接:https://www.haomeiwen.com/subject/kfjylctx.html