JQuery實現定時刷新實例講解
來源:懂視網
責編:小采
時間:2020-11-27 20:06:35
JQuery實現定時刷新實例講解
JQuery實現定時刷新實例講解:本文主要和大家分享JQuery實現定時刷新實例講解,在網頁開發中,經常會需要不斷的刷新某個頁面或某個局部數據。這時候就需要用到定時刷新來實現了。實現方式就是使用JS setInterval函數每隔一段時間請求一次數據,然后將請求結果返回給前端HTML實現刷新。
導讀JQuery實現定時刷新實例講解:本文主要和大家分享JQuery實現定時刷新實例講解,在網頁開發中,經常會需要不斷的刷新某個頁面或某個局部數據。這時候就需要用到定時刷新來實現了。實現方式就是使用JS setInterval函數每隔一段時間請求一次數據,然后將請求結果返回給前端HTML實現刷新。

本文主要和大家分享JQuery實現定時刷新實例講解,在網頁開發中,經常會需要不斷的刷新某個頁面或某個局部數據。這時候就需要用到定時刷新來實現了。實現方式就是使用JS setInterval函數每隔一段時間請求一次數據,然后將請求結果返回給前端HTML實現刷新。
實現代碼如下:
代碼解釋:
1. 導入jquery
使用上面的語句導入JQuery庫,下面的代碼需要JQuery庫的支持。
2. 頁面加載完啟動程序
一般定時任務需要在頁面加載完成之后就啟動。頁面加載完成有兩種事件,一是ready,表示文檔結構已經加載完成(不包含圖片等非文字媒體文件),二是onload,指示頁 面包含圖片等文件在內的所有元素都加載完成(可以說:ready 在onload 前觸發)。
建議在ready時就執行定時任務,使用下面的代碼實現:
上面的代碼等價于:
3. 獲取數據并刷新頁面
使用下面的代碼獲取數據并設置頁面相應的值。從而刷新頁面數據。這個步驟根據自己的需求寫相應的代碼。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JQuery實現定時刷新實例講解
JQuery實現定時刷新實例講解:本文主要和大家分享JQuery實現定時刷新實例講解,在網頁開發中,經常會需要不斷的刷新某個頁面或某個局部數據。這時候就需要用到定時刷新來實現了。實現方式就是使用JS setInterval函數每隔一段時間請求一次數據,然后將請求結果返回給前端HTML實現刷新。