Ajax學習心得


              Ajax學習心得

  大致學了下Ajax,才知道它不是某種編程語言,而是一種在無需加載整個頁面的情況下能夠更新部分網頁的技術。了解了它的功能后覺得這真是一種好的技術,這得給前端和運維省多少力啊!

  傳統的網頁沒有使用Ajax技術,當更新網頁內容時要重新加載頁面來重寫頁面,如果是整個網站,這工作量無疑是巨大的,但有了Ajax技術,我們在后台進行表單設計時,加入相關代碼,實現異步輸入輸出,局部更新,這就使工作變得輕便。例如,現在很多的知名網站,像騰訊,新浪,谷歌,百度地圖等等,都使用了這種技術。

  而要學習Ajax技術,擁有HTML,CSS,JS的基礎就夠了。

  傳統的同步加載令人瘋狂,是因為缺少了一個對象,那就是XMLHttpRequest對象。有了這個對象之后,可以實現后台和服務器之間數據的交換,達到頁面的局部請求和刷新,這就是Ajax的異步功能。

  想要達到這種功能我們要做的是:

1:HTMLCSS寫出頁面,表達信息。

2:用XMLHttpRequestWeb服務器進行數據的異步交換。

3:用javascript操作DOM,實現動態局部刷新。

  重要的是第二點,怎么樣創建XMLHttpRequest對象呢?

  是下面這句話:

var request=new XMLHttpRequest();

  但是IE5IE6是不兼容的。

  所以要這樣寫:

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.發送請求。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM