用JS代碼去實現AJAX的技術

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

用JS代碼去實現AJAX的技術



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

用JS代碼去實現AJAX的技術



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

用JS代碼去實現AJAX的技術



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

用JS代碼去實現AJAX的技術



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

用JS代碼去實現AJAX的技術



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

用JS代碼去實現AJAX的技術



用JS代碼去實現AJAX的技術



7【用JS代碼去實現AJAX的技術】在瀏覽器運行test.html文件 , 點擊“更改內容”按鈕 , 標的目的ajax_info.txt請求數據 , 將ajax_info.txt的內容返回test.html頁面 , 實現更改頁面的內容 。

用JS代碼去實現AJAX的技術



用JS代碼去實現AJAX的技術



以上內容就是用JS代碼去實現AJAX的技術的內容啦 , 希望對你有所幫助哦!

    猜你喜歡