深入學習Ajax

2022-06-28 19:30:12 字數 1629 閱讀 4457

ajax的工作原理相當於在使用者和伺服器之間加了乙個中間層(ajax引擎),使使用者操作與伺服器響應非同步化。並不是所有的使用者請求都提交給伺服器,像—些資料驗證(比如判斷使用者是否輸入了資料)和資料處理(比如判斷使用者輸入資料是否是數字)等都交給ajax引擎自己來做, 只有確定需要從伺服器讀取新資料時再由ajax引擎代為向伺服器提交請求。

1.建立xmlhttprequest物件

var xhr = new xmlhttprequest();
xmlhttprequest物件是ajax的核心,它是ajax實現的關鍵,傳送非同步請求、接受響應以及執行**都是通過它來完成。

2.使用xmlhttprequest物件建立請求

3.處理響應:監聽readystates屬性值的變化,寫**函式處理伺服器返回的資料

xhr.onreadystatechange =function()

}

readystate :ajax的狀態

0:請求未初始化(還沒有呼叫 open())。

1:建立請求:但是還沒有傳送(還沒有呼叫 send())。

2:傳送請求:正在處理中(通常現在可以從響應中獲取內容頭)。

3:請求處理中:已有部分資料可用了,但是這時獲取部分資料會出現錯誤。

4:響應已完成:此時可以通過通過responsebody和responsetext獲取完整的回應資料。

status屬性:

200:"ok"

404: 未找到頁面

500:伺服器內部錯誤」

4.使用xmlhttprequest物件傳送請求

xhr.send();
傳送請求方式:

get:使用get方法將要提交的引數寫到open方法的url引數中,此時send方法的引數為null或為空。

xhr.open("get",url?name="張三"&age=18,true

);xhr.send(

null);

post:需要先使用 setrequestheader()來新增請求頭設定post編碼方式:。然後在send()方法中傳送的資料:

xhr.open("post", url, true

);xhr.send("name=張三&age=18");

資料最好以json的方式發給頁面,然後利用eval函式將返回的文字轉化成js物件

深入學習ajax系列之二 請求方式

最常見的請求莫過於get和post了,今天詳細的學習一下兩種方式的內容,get get是常見的請求方式,常用於向伺服器查詢某些資訊,它適用於url完全指定資源,當請求對伺服器沒有任何 以及伺服器的響應式可快取的。資料傳送 使用get的方式傳送請求時,資料被追加到open 方法中url的末尾 資料以問...

UIApplication深入學習

新建乙個任意型別的ios應用工程,加入我們在class prefix輸入是tc,我們可以看到工程中生成乙個類 在main函式中,autoreleasepool 函式中 說明 當應用程式將要入非活動狀態執行,在此期間,應用程式不接收訊息或事件。比如來 了。說明 當應用程式入活動狀態執行,這個剛好跟上面...

深入學習CSS

什麼是css?在之前的這篇文章中已經介紹了初步的介紹,詳細請看 div加css進一步講解了css中的內容,先總結如下圖 其實在實際開發中,我們通常採用是外部樣式的匯入,這樣做的好處是對於很對有同樣設計樣式的頁面可以實現樣式的共享,這樣我們不僅僅可以節省了大量的時間,並且也方便我們可以靈活的呼叫的樣式...