AJAX執行過程和原理

AJAX執行過程和原理

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>AJAX執行過程和原理</title>
</head>
<body>
    <script>
        window.onload = function(){
            var $http;
            if(window.XMLHttpRequest){ // 創建xmlhttp對象
                $http = new XMLHttpRequest();
            }else{ // 老版本ie瀏覽器
                $http = new ActiveXObject("Microsoft.XMLHTTP");
            }
            $http.open("GET","http://localhost:8081/user/test/22",true); // 打開鏈接 請求方式、請求地址、異步
            $http.send(); // 發送請求
            $http.onreadystatechange = function() { // 請求成功
                console.log($http.readyState,$http.status,$http.responseText);
                // 請求完成
                if($http.readyState == 4 && $http.status==200){
                    console.log($http.responseText);
                }
            }
        }    
    </script>
</body>
</html>
發佈了20 篇原創文章 · 獲贊 10 · 訪問量 3468
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章