新聞中心

EEPW首頁 > 嵌入式系統(tǒng) > 設計應用 > XMLHttP對象在嵌入式Web實時系統(tǒng)中的應用

XMLHttP對象在嵌入式Web實時系統(tǒng)中的應用

作者: 時間:2011-11-15 來源:網絡 收藏

摘要:就Ajax技術中的XMLHttp在基于遠程控制與監(jiān)測中的開發(fā)進行了研究,并基于Microchip TCP/IP協(xié)議棧給出了具體的實現(xiàn)方法,有效地解決了客戶端HTTP服務器的交互問題。
關鍵詞:;TCP/IP;開發(fā);Ajax;XMLHttp;Javascript

引言
傳統(tǒng)的Web在交互操作過程中頻繁出現(xiàn)全頁刷新的問題無法避免,即使當前頁面中僅有局部信息是需要動態(tài)刷新顯示的。這不僅影響到界面效果,在監(jiān)測過程中還會明顯影響服務器的響應速度。
Ajax技術的出現(xiàn)為解決客戶端Web與嵌入式HTTP服務器之間的交互問題提供了重要途徑。Ajax是異步Javascript與XML的簡稱,這一概念由Jesse James Garrett提出,它是一組與Web開發(fā)相關的技術,包括基于HTML/XHTML與CSS標準的頁面表示、基于DOM的動態(tài)顯示和交互,以及基于XMLHttpRequest與服務器之間的異步通信。所有上述技術通過Javascript綁定在一起。
嵌入式以太網開發(fā)者可以嘗試通過Ajax的核心XMLHttp在“后臺”與嵌入式HTTP服務器交瓦,對服務器發(fā)起遠程控制,讀取服務器動態(tài)返回的監(jiān)測信息并刷新顯示在客戶端Web界面中的特定位置,且所有操作均不會導致當前Web界面被全頁刷新。
本文以Microchip公司的TCP/IP協(xié)議棧為基礎,討論XMLHttp在嵌入式Web實時系統(tǒng)中的具體方法。所選用的測試電路以PIC18F4 52單片機與以太網接口芯片RTL8019AS為核心,嵌入式HTTP服務器所有Web相關文件保存在系統(tǒng)外部EEPROM存儲器中。

1 XMLHttp在客戶端Web中的應用
XMLHttp是Ajax技術的核心,由微軟公司在IE5.0瀏覽器中率先推出,后被命名為XMLHttpRequest。
1.1 客戶端Javascript函數(shù)
1.1.1 創(chuàng)建XMLHttp對象的通用函數(shù)
客戶端與嵌入式系統(tǒng)HTTP服務器的所有交互都將基于在客戶端所創(chuàng)建的XMLHttp對象。該函數(shù)在IE中創(chuàng)建XMLHttp對象的語句為:
a.jpg
創(chuàng)建XMLHttp對象后最重要的操作是設置onreaclystatechange屬性(非IE中為onload),為其綁定異步回調函數(shù)。當XMLHttp對象狀態(tài)變化時,所指定的回調函數(shù)將自動處理服務器回應數(shù)據(jù)。
1.1.2 客戶端發(fā)送控制命令的函數(shù)
(1)Send_Control_CMD(URL,Html_id)
該函數(shù)可由客戶端Web中的控制命令按鈕點擊事件onClick觸發(fā)調用,它調用CreateXMLHttpObj創(chuàng)建XMLHttp對象,設置回調函數(shù),然后以GET方法對HTTP服務器發(fā)起請求。函數(shù)的第一個參數(shù)URL可以是控制命令串,也可以是CGI、HTML及其他各種Web文件名。如果要求在客戶端Web中顯示HTTP服務器返回信息,則需要設置第二個參數(shù)Html_id。例如,在發(fā)送控制命令點亮系統(tǒng)中某個指示燈后,要求將服務器返回的該指示燈的當前狀態(tài)顯示在客戶端。所設置的參數(shù)Html_id是客戶端Web頁中的某個容器的ID,返回信息將顯示到該容器中。如果不需要服務器回應文本信息,或對回應信息不予處理,可將該參數(shù)設為空。函數(shù)具體實現(xiàn)如下:
b.jpg
Send_Control_CMD在每次被涮用時首先創(chuàng)建一個通用對象Obj,然后創(chuàng)建XMLHttp對象,并將其保存在自定義的Obj.xmlhttpobj屬性中,隨后調用XMLHttp對象的open方法與send方法,調用格式為:
oXMLHttpRequest.open(bstrMethod,bstrUrl,varAsync,
bstrUser,bstrPassword);
oXMLHttpRequest.send(varBody);
其中open方法的bstrMethod參數(shù)為HTTP請求的方法,例如所選擇的“GET”方法,bstrUrl參數(shù)為請求的URL地址,在本文討論的嵌入式Web實時系統(tǒng)中,它用來表示控制命令串,譬如用來啟動外部直流電機的控制命令串“0?1=MOTOR”,varAsync參數(shù)用于指定當前請求是否為異步方式,默認為true,最后兩個參數(shù)提供帳號密碼,用于服務器驗證。通過open方法初始化XMLHttp對象以后,要用send方法發(fā)送請求到HTTP服務器并等待回應。由于XMLHttp對象被設為異步模式,send調用將不會被阻塞,XMLHttp對象的回調函數(shù)mReadyCallBack將在HTTP服務器回應時異步執(zhí)行。

linux操作系統(tǒng)文章專題:linux操作系統(tǒng)詳解(linux不再難懂)

tcp/ip相關文章:tcp/ip是什么



上一頁 1 2 3 下一頁

評論


相關推薦

技術專區(qū)

關閉