由于用原生js的方式發(fā)起的網(wǎng)絡請求，都是以查詢字符串的形式，提交給服務器的，用戶以對象的形式提交參數(shù)的話會比較方便，所以需要把用戶傳遞過來的參數(shù)對象進行處理，定義resolveData的函數(shù)，設置形參接收參數(shù)，遍歷里面的對象，把鍵和值用=的方式進行拼接，然后把所得的值添加進空的數(shù)組即可；最后用&符號把數(shù)組的每一項進行分割，并返回；定義itheima函數(shù)，設置形參用于接收用戶傳遞過來的配置對象參數(shù)，創(chuàng)建xhr對象，把傳遞過來的參數(shù)傳遞給處理參數(shù)的函數(shù)，把得到的返回值，給一個變量，由于是不同的請求，所以要進行判斷，首先是GET請求，判斷參數(shù)里面的method是否全等于GET，由于傳遞過來的參數(shù)有可能是小寫，所以通過toUpperCase方法轉(zhuǎn)化為大寫，如果條件成立調(diào)用open方法，把對應的值填入即可，調(diào)用send函數(shù)；POST也一樣，只是提交數(shù)據(jù)多了參數(shù)和POST請求需要“Content-Type”頭指定請求主題的MIME類型。最后調(diào)用監(jiān)聽事件即可；

網(wǎng)站建設哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了尋烏免費建站歡迎大家使用！

function resolveData(data) {
var arr = [];
    for (var k in data) {
var str = k + "=" + data[k];
        arr.push(str)
    }
return arr.join("&")
}

function itheima(options) {
    var xhr = new XMLHttpRequest();
var qs = resolveData(options.data);
  
if (options.method.toUpperCase() === "GET") {
        xhr.open(options.method, options.url+ "?" + qs);
        xhr.send();
    }else if(options.method.toUpperCase() === "POST"){
        xhr.open(options.method, options.url)
        xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
        xhr.send(qs)
    }
    
    xhr.onreadystatechange= function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var result = JSON.parse(xhr.responseText)
            options.success(result);
        }
    }

}