學習去使用 Ajax

liziHexiaogou 發表於2019-09-11

AJAX:與伺服器進行資料的互動,可以實現非同步載入、資料的區域性重新整理。

AJAX的請求流程

<script>
    function _onload() {
        //ajax請求資料
        //1、建立AJAX的XMLHttpRequest
        var xmlhttp;
        if (window.XMLHttpRequest) {
                //code for IE7+,Firefox,Chrome,Opera,Safari
                xmlhttp = new XMLHttpRequest();
            } else {
                //code for IE6,IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
        //2、傳送請求
        xmlhttp.open("GET", url, true);
        xmlhttp.send();
        //3、監聽事件
        xmlhttp.onreadystatechange = function() {
            //200響應成功、302重定向、403沒有許可權、404頁面找不到、500伺服器端出現問題
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    var objstr = xmlhttp.responseText;
                    var obj = JSON.parse(objstr);
                }
        }
    }
</script>

小狗和莉莉