码迷,mamicode.com
首页 > Web开发 > 详细

js访问网络的四种方式

时间:2020-07-09 01:18:37      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:OLE   form   XML   四种   stat   tty   请求   pre   cti   

//Ajax
$.ajax({
    url:"https://www.baidu.com",
    type:"GET",
    dataType:"text",
    contentType:"application/x-www-form-urlencoded;charset=utf-8",
    data:{
        id:"1234"
    },
    error:function(){
        //卧槽出错了
    },success:function(result){
        //成功返回响应正文时触发
    }
});

// XHR
function SendXHRR(){
    //创建xhr对象
    let xhr = new XMLHttpRequest();
    //设置请求方法
    xhr.open(‘GET‘,‘https://www.baidu.com‘);
    // 发送数据
    xhr.send(null)
    // 拿到服务端数据后执行相关操作
    xhr.onreadystatechange = function(){
        if(xhr.readyState==4){
            console.log(xhr.responseText);
        }
    }
}

//axios

// 为给定 ID 的 user 创建请求
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);
  });
  
//fetch
fetch(‘http://www.baidu.com‘)
  .then(function(response) {
    return response.text();
  })
  .then(function(myJson) {
    console.log(myJson);
  });

js访问网络的四种方式

标签:OLE   form   XML   四种   stat   tty   请求   pre   cti   

原文地址:https://www.cnblogs.com/c-x-a/p/13270084.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!