用JS代碼去實現AJAX的技術

新建一個html文件，定名為test.html，用于編寫JS代碼實現ajax請求數據。

在test.html頁面，建立一個button按鈕，并綁心猿意馬onclick點擊事務，用來實現點擊時，ajax請求數據并更改頁面內容。

建立一個js函數，當button按鈕被點擊時，執行loadDoc()函數，將在loadDoc()函數編寫原生ajax請求。

利用new新建一個XMLHttpRequest對象，用于標的目的后端請求數據，下面將利用該對象的方式完當作ajax請求數據。

利用請求對象的onreadystatechange（）方式用來實現領受后端返回來的數據，并更改頁面的內容。

利用請求對象的open方式設置標的目的后端傳輸數據體例為GET，同時設置請求的鏈接地址，并利用send()方式標的目的ajax_info.txt文件請求數據。新建一個ajax_info.txt文件，編寫返回的內容。

在瀏覽器運行test.html文件，點擊“更改內容”按鈕，標的目的ajax_info.txt請求數據，將ajax_info.txt的內容返回test.html頁面，實現更改頁面的內容。

0 條評論