ajax實現定時從伺服器獲取資料
本章節介紹一下如何實現使用ajax定時從伺服器獲取資料。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼function saveUserInfo() { //獲取接受返回資訊層 var cdown = document.getElementById("cdown"); //alert(cdown); //接收表單的URL地址 var url = "word.php"; var ajax = false; //開始初始化XMLHttpRequest物件 if (window.XMLHttpRequest) { //Mozilla 瀏覽器 ajax = new XMLHttpRequest(); if (ajax.overrideMimeType) { //設定MiME類別 ajax.overrideMimeType("text/xml"); } } else if (window.ActiveXObject) { // IE瀏覽器 try { ajax = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { ajax = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { } } } if (!ajax) { // 異常,建立物件例項失敗 window.alert("不能建立XMLHttpRequest物件例項."); return false; } //通過Post方式開啟連線 ajax.open("GET", url, true); //定義傳輸的檔案HTTP頭資訊 //ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); ajax.setRequestHeader("If-Modified-Since", "0"); //傳送POST資料 ajax.send(null); //獲取執行狀態 ajax.onreadystatechange = function () { //如果執行狀態成功,那麼就把返回資訊寫到指定的層裡 if (ajax.readyState == 4 && ajax.status == 200) { cdown.innerHTML = ajax.responseText; } } } function doUpdate() { saveUserInfo(); window.setTimeout("doUpdate()", 8000); } doUpdate();
上面的程式碼非常簡單,不用多介紹,這裡只是做了一個原理上的說明。
程式碼的核心部分就是:
[JavaScript] 純文字檢視 複製程式碼function doUpdate() { saveUserInfo(); window.setTimeout("doUpdate()", 8000); } doUpdate();
呼叫doUpdate()函式之後,通過saveUserInfo()執行可以獲取到伺服器的資料。
然後在8秒之後再遞迴呼叫doUpdate(),如此反覆不斷的實現獲取。
相關文章
- AJAX 獲取伺服器響應資料伺服器
- 通過JQuery ajax獲取伺服器時間jQuery伺服器
- jquery實現的ajax請求獲取json資料程式碼jQueryJSON
- 獲得JD商品評論 API 如何實現實時資料獲取API
- 淘寶/天貓獲得淘寶商品詳情 API 如何實現實時資料獲取?API
- Cognos會話快取設定(展現實時資料)會話快取
- 從session中獲取資料Session
- 【Django】ajax 非同步重新整理獲取資料Django非同步
- 如何透過API獲取實時商品資料API
- ES 實現實時從Mysql資料庫中讀取熱詞,停用詞MySql資料庫
- 使用 jQuery Ajax 在頁面滾動時從伺服器載入資料jQuery伺服器
- 實時獲取建材網商品資料:API實現詳解與程式碼示例API
- 利用淘寶/天貓API實現商品資料的實時獲取、處理與分析API
- 實時獲取化工網商品詳情API資料API
- 原生js實現獲取form表單資料JSORM
- 從 falcon api 中獲取資料API
- electron + go 如何從sqlite獲取資料GoSQLite
- 從資料字典中獲取ash資訊
- PHP透過Modbus Tcp實時獲取裝置資料PHPTCP
- python爬蟲獲取天氣網實時資料Python爬蟲
- 前端獲取伺服器時間前端伺服器
- Javascript獲取伺服器時間JavaScript伺服器
- 使用API介面獲取商品資料:從入門到實踐API
- 實戰專案 7&8 : 從 Web API 獲取資料WebAPI
- 爬蟲實戰:從HTTP請求獲取資料解析社群爬蟲HTTP
- ajax利用FormData、FileReader實現多檔案上傳php獲取ORMPHP
- jQuery : ajax獲取Status CodejQuery
- 使用RxJava從多個資料來源獲取資料RxJava
- KindEditor:Ajax提交表單時獲取不到HTML內容HTML
- 使用ajax指令碼取資料指令碼
- 前臺怎樣獲取後臺ajax資料簡單介紹
- Jupyter Notebook實現從IB介面歷史資料獲取,寫入資料庫,策略回測和實盤交易資料庫
- 蝦皮商品詳情介面在電商行業的重要性及實時資料獲取實現行業
- javascript實現的設定和獲取元素屬性JavaScript
- git從伺服器獲取最新程式碼Git伺服器
- 轉:使用基本認證從WebServer獲取資料WebServer
- 利用XMLHTTP 從其他頁面獲取資料 (轉)XMLHTTP
- 資料庫實現原理#2(獲取第N個值).md資料庫