zoukankan      html  css  js  c++  java
  • js访问网络的四种方式

    //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);
      });
    
  • 相关阅读:
    设计模式的原则
    命令模式
    访问者模式
    策略模式
    外观模式
    组合模式
    原型模式
    合并有序数组
    判断二叉树是否对称
    中序遍历二叉树
  • 原文地址:https://www.cnblogs.com/c-x-a/p/13270084.html
Copyright © 2011-2022 走看看