前端原生ajax和axios

    <script>
        // 原生ajax
        // get请求
        const xhr = new XMLHttpRequest()
        xhr.open('get','请求地址?参数名=参数值')
        xhr.send()
        xhr.onreadystatechange = function() {
            // readyState 代表请求状态 4代表 请求已完成,响应以就绪
            // status 代表请求状态吗 200 代表请求成功
            if(xhr.readyState === 4 && xhr.status === 200) {
                xhr.responseText // 核心文本对象
            }
        }

        // post请求
        const xhr = new XMLHttpRequest()
        xhr.open('post','请求地址')
        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
        xhr.send("参数=参数名")
        xhr.onreadystatechange = function() {
            // readyState 代表请求状态 4代表 请求已完成,响应以就绪
            // status 代表请求状态吗 200 代表请求成功
            if(xhr.readyState === 4 && xhr.status === 200) {
                xhr.responseText // 核心文本对象
            }
        }
    </script>

  <script>
        // axios是ajax封装了一套的,需要用npm下载axios插件包引入后再使用
        // get请求
        axios.get('请求地址',{
            params: {   // 参数对象
                // 参数名: 参数值
            }
        })  .then(function(res) {  // 连接成功
            console.log(res);
        })  .catch(function(err) {  // 连接失败
            console.log(err);
        })

        // post请求
        axios.post('请求地址',{
            // 参数名: 参数值
        })  .then(function(res) {  // 连接成功
            console.log(res);
        })  .catch(function(err) {  // 连接失败
            console.log(err);
        })

    </script>