Ajax

Ajax

Ajax 全称是 “Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。

AJAX 涉及到 7 项技术，Javascript、XMLHttpRequest、Dom、css、HTML、XML 以及相关服务器 API。

导入axios：

<script src="/js/axios.min.js"></script>

发送 GET 请求：

//向服务器发送 AJAX的 GET请求，第一个参数为 URL路径，第二个参数为请求数据
axios.get("/user/checkName",{
    params:{ //请求参数
        userName:$("name").value
    }
}).then(resp =>{ //处理响应信息，resp为响应信息
    var str = resp.data; //得到响应信息的消息体内容
    if (str == "ok"){
        $("nameSpan").innerHTML = "该用户已存在";
        $("nameSpan").style.color = "red";
    }else {
        $("nameSpan").innerHTML = "验证通过";
        $("nameSpan").style.color = "blue";
    }
});

发送 POST 请求：

//向服务器发送AJAX的POST请求
axios.post("/order/add", paramObj).then(
    resp => {
        var info = resp.data;
        if (info == "ok") {
            cutAll(1);
            $("userName").value = null;
            $("address").value = null;
            $("addDiv").style.visibility = "hidden";
        }
    }
)

ajax 的同步和异步：

ajax 称为异步的 javascript 和 XML。这意味着，当使用 ajax 发送请求时，不用等到服务器响应，就可以执行别的任务。而同步请求是指，需要等到服务器响应信息到达后，才会执行别的任务。

（async、await）

async function send(){
    var num = 0;
    await axios.get("getStr").then(resp =>{
        num = resp.data;
    });
    alert("num = "+num);
}