DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> Ajax hacks 之緒論:告別頁面刷新
Ajax hacks 之緒論:告別頁面刷新
編輯:AJAX詳解     
曾記得INTERNET被用戶稱作"world wide wait"嗎? web又回到了新石器時代了麼? 在許多應用中, web仍然沒有得到很大的改變。充斥著form、按鈕,頁面轉移,等待,頁面刷新,糾正錯誤,點擊、等待……這可真夠受的。

 現在的許多網站,例如許多經過精心設計的網站得到了很大的提高。需要更多的用戶響應,這樣浏覽器會在服務器處理完以後才得到響應。 例如google map就是這樣工作的:客戶機會將所有的信息緩存起來,這樣用戶在移動地圖,放大等活動的時候,就不再需要和服務器進行繁瑣而緩慢的數據交互。

 AJax是Asynchronous JavaScript and XML的簡稱。主要是由一組大家比較熟悉的技術組建而成:

JavaScript:腳本語言……

XMLHttpRequest:Javascript中的一個對象,可以通過HTTP協議和服務器進行通信。AJax的許多技巧都是通過這個對象去實現的, 所有的主流浏覽器,如Mozilla Firefox, Internet Explorer 5, Safari, Opera 7.6 都支持這個對象。

 Extensible Markup Language (XML):

XMLHttpRequest可以使用XML文件和服務器進行通信。

 Html CSS:

文檔對象模型DOM:

 XSLT:

AJax可以說不是一個新的技術,而是已有技術的再利用。 重點介紹一下XMLHttpRequest對象:該對象可以從服務器得到數據,用戶可以很方便的使用這些數據。對象有自己的API: 

  表 1-1. XMLHttpRequest 屬性

屬性名 類型/描述 onreadystatechange 回調函數; 將此屬性設置成那些將被調用的函數。 readyState 數字; 0 表示沒有初始化, open() 函數沒有調用; 1表示加載, send() 函數沒有調用; 2 表示加載了, send() 已經調用,且headers/status 是可用的; 3 交互的, responseText 持有部分數據; 4 表示完成. responseText string;返回的普通文本. responseXMLDOM Document object; an XML return value. status響應的狀態代碼,例如200 (ok) 404 (不存在). statusText string; 於HTTP 響應狀態相關的文本。

表 1-2. XMLHttpRequest方法方法名返回值/描述

abort() void; 取消HTTP請求. getAllResponseHeaders() string; 返回所有的相應頭 getresponseHeader(string header) string; 返回指定head信息的值 open(string url,string asynch) void; 為HTTP 請求准備,並且 指定是否同步 send(string) void; 發送http請求。 setHeader(string header,string value) void; 設置請求頭, 但是必須首先調用open函數 <
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved