第一步: 實例化一個ajax對象

語法: const 變量名(xhr) = new XMLHttpRequest()

第二步: 配置請求信息

語法: xhr.open('請求方式', '請求地址', 是否異步)

請求方式: 嚴(yán)格按照接口文檔執(zhí)行

請求地址: 嚴(yán)格按照接口文檔執(zhí)行

是否異步:

默認(rèn)發(fā)送的是異步請求 true

選填是false表示的是同步請求

第三步: 發(fā)送請求

語法: xhr.send()

第四步: 注冊一個響應(yīng)的函數(shù)

語法: xhr.onload = function () {

這里獲取后端返回的結(jié)果

語法: xhr.responseText

??????????}

注意: 一個ajax實例只能發(fā)送一個請求

ajax的異步問題

ajax默認(rèn)發(fā)送的是異步請求

就是我們的ajax請求不是每一步都是異步

有的是同步請求

之前我們在書寫的時候是: 1 2 3 4

之后書寫的時候: 1 2 4 3

這樣書寫不管是同步請求還是異步請求都可以拿到數(shù)據(jù)

ajax發(fā)送請求

?第一步: 實例化一個ajax對象

語法: const 變量名(xhr) = new XMLHttpRequest()

這一步是同步代碼

??第二步: 配置請求信息

?語法: xhr.open('請求方式', '請求地址', 是否異步)

請求方式: 嚴(yán)格按照接口文檔執(zhí)行

請求地址: 嚴(yán)格按照接口文檔執(zhí)行

是否異步:

?默認(rèn)發(fā)送的是異步請求 true

選填是false表示的是同步請求

也是同步代碼

第三步: 發(fā)送請求

語法: xhr.send()

第四步: 注冊一個響應(yīng)的函數(shù)

語法: xhr.onload = function () {

???這里獲取后端返回的結(jié)果

?????語法: xhr.responseText

????????}

????????-> 也是同步請求

function ajax （options）

ajax {

解析失敗 因為后端的結(jié)果不是