Ajax學習心得
大致學了下Ajax,才知道它不是某種編程語言,而是一種在無需加載整個頁面的情況下能夠更新部分網頁的技術。了解了它的功能后覺得這真是一種好的技術,這得給前端和運維省多少力啊!
傳統的網頁沒有使用Ajax技術,當更新網頁內容時要重新加載頁面來重寫頁面,如果是整個網站,這工作量無疑是巨大的,但有了Ajax技術,我們在后台進行表單設計時,加入相關代碼,實現異步輸入輸出,局部更新,這就使工作變得輕便。例如,現在很多的知名網站,像騰訊,新浪,谷歌,百度地圖等等,都使用了這種技術。
而要學習Ajax技術,擁有HTML,CSS,和JS的基礎就夠了。
傳統的同步加載令人瘋狂,是因為缺少了一個對象,那就是XMLHttpRequest對象。有了這個對象之后,可以實現后台和服務器之間數據的交換,達到頁面的局部請求和刷新,這就是Ajax的異步功能。
想要達到這種功能我們要做的是:
1:用HTML和CSS寫出頁面,表達信息。
2:用XMLHttpRequest和Web服務器進行數據的異步交換。
3:用javascript操作DOM,實現動態局部刷新。
重要的是第二點,怎么樣創建XMLHttpRequest對象呢?
是下面這句話:
var request=new XMLHttpRequest();
但是IE5和IE6是不兼容的。
所以要這樣寫:
var request;
If(window.XMLHttpRequest){
request=new XMLHttpRequest();
}else{
request=new ActiveXObject(“Microsoft.XMLHTTP”);//IE6,IE5
}
即如果有XMLHttpRequest的定義就直接使用,如果沒有就創建一個ActiveXObject對象使用。
Ajax流程是這樣的:
1.從Web表單中獲取需要的數據。
2.建立要連接的URL。
3.打開到服務器的連接。
4.設置服務器在完成后要運行的函數。
5.發送請求。