JavaWeb前后端交互（AJAX、AXIOS）

        通过AJAX进行前后端交互，数据通常是JSON格式的

一、原生AJAX

        原生的AJAX过于繁琐，现在使用的多为封装好的axios等

<script>
    function getData(){
        // 创建XMLHttpRequest
        var xmlHttpRequest = new XMLHttpRequest();

        // 发送异步请求（即等待服务器响应的过程中用户仍然可以操作）
        xmlHttpRequest.open('GET', 'url');
        xmlHttpRequest.send();

        // 检测状态，获取响应数据
        xmlHttpRequest.onreadystatechange = function(){
            if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200){
                // xmlHttpRequest.responseText是以字符串的形式得到的数据
            }
        }
    }

</script>

二、axios

        1. 引入原始文件

<script src="js/axios-0.18.0.js"></script>

        2. 前后端交互

axios({
    method: "get", // 请求方式get/post
    url: "",
    data: "param1=value1"
}).then((result)=>{ // 成功回调函数
    // result.data为返回的数据，可以将其某个属性赋值给data中声明的变量
})

// 别名
axios.get("url").then((result)=>{ // 成功回调函数
    // result.data为返回的数据
})
axios.post("url", "param1=value1").then((result)=>{ // 成功回调函数
    // result.data为返回的数据
})