如何使用JS實現無刷新定時取數據

利用js實現無刷新按時取數據，其實就是利用js的ajax方式，從后臺獲取數據，然后，更新頁面的局部內容。本文就為你演示實現體例

方式/步調

1
打開vscode，建立一個測試html頁面，用于演示js實現無刷新按時取數據，也就是ajax的局部刷新實現體例
2
在測試頁面的同級，添加一個jquery的源文件，目標是為了js操作的便當性，然后，將jquery源文件引入到測試頁面中
3
在測試頁面中，添加兩個div，第一個div的內容，后續將按時刷新。第二為div的內容將一向固心猿意馬不變，目標是演示界面無刷新取數更新局部
4
在測試頁面的底部，添加js代碼，先寫一個js方式，發送ajax請求，從后臺獲取數據，然后更新到第一個div的位置。此處僅做演示，所以，這個ajax方式僅僅只是大要布局，因為沒有做后臺辦事，運行不起來
5
上一步已經演示了ajax從后臺獲取數據，然后更新的架子。此刻再加別的一個方式，在這個方式中，將當前時候更新到第一個div
6
因為要按時執行，就需要利用到js的setInterval方式，按照指心猿意馬距離的時候挪用上一步的方式了。需要注重的是setInterval方式的時候距離單元是毫秒
7
在瀏覽器中打開測試頁面，就能看到頁面沒有刷新，可是，第一個div的內容卻在第6步指心猿意馬的時候距離中刷新了