淺學Ajax

Ajax的全程: Asynchronous JavaScript and XML(非同步的JS和XML)

Ajax 簡單來說它不是一種編程語言,而是一種技術(無需重新載入整個網頁,就能更新部分網頁的技術)

在沒有Ajax技術的年代,網頁的更新是同步的;

擁有了Ajax技術之後,網頁就可以做到非同步

每進行一項業務請求的時候,都會向伺服器發送驗證.但是這個驗證並不會影響其他的業務.做到了實時更新

那網頁技術是怎麼從同步時代過渡到非同步時代的呢? 答案是靠XMLHttpRequset對象,在沒有這個對象之前網頁的技術就是同步進行的,當出現了這個對象之後,大家發現,~哇原來它這麼神奇,它可以在不重新載入頁面的時候就可以做到交換數據,對網頁進行部分的更新~

那我們去應用Ajax呢?首先介紹一下概念

1.運用HTML和CSS來實現頁面,表達信息;

2.運用XMLHttpRequset和web伺服器進行數據的非同步交換;

3.運用Javascript操作DOM,實現動態局部刷新;

其中我們要重點研究第二點,來進行頁面與後台的數據交換

插一句:如果要做到各瀏覽器版本兼容的話需要作出以下判斷(珍愛生命,遠離IE6):

首先科普一下什麼是http請求,見下圖:

XMLHttpRequset發送請求:

XMLHttpRequset取得響應

如何判斷請求響應成功了呢?首次我們要知道有這樣一個status

通過監聽readyState的狀態碼,來判斷是是否請求成功:

在這裡插入一條PHP的小知識點(用於拓展知識寬度.~~)

用jQuery實現Ajax

跨域:

代理其實可以很好的處理跨域的問題,不過這項技術偏向於後台,這裡只做了解就可以了~

還有處理跨域的方法是通過JSONP來解決這個問題 --只能解決GET請求

下面這種方法可以解決POST請求

推薦閱讀：