首頁 >web前端 >js教程 >簡單談談AJAX核心對象

簡單談談AJAX核心對象

亚连
亚连原創
2018-05-24 14:33:562305瀏覽

核心物件是XMLHttpRequest,它可以提供不重新載入頁面的情況下更新網頁,在頁面載入後在客戶端向伺服器請求數據,在頁面載入後在伺服器端接受數據,在後台向客戶端發送數據。

    Ajax是2005年2月才誕生但是現在已經炙手可熱的一項全新技術.這項新技術能夠極大地改善網站的用戶體驗.

  什麼是Ajax

    Ajax是異步Javascript和XML(Asynchronous JavaScript and XML)的英文縮寫.

    Ajax的核心概念在於使用XMLHttpRequest物件發送非同步請求.Ajax並不是新門的語言物件或技術,它實際上是幾項技術以一定的方式組合在一起,共同的協作中發揮各自的作用.

  Ajax的優點

    1.減輕伺服器的負擔.Ajax的原則是"按需取資料".

    2.無需刷新頁面,減少使用者心理和實際的等待時間.

    3.帶來更好的使用者體驗.

    4.可以把以前一些伺服器負擔的工作轉移到客戶端,利用客戶端閒置的能力來處理,減輕伺服器負擔,充分利用寬頻資源,節省空間和寬頻租用成本.

    5.可以調用外部數據.

    6.基於標準化的並被廣泛支持的技術,不需要下載插件或者小程序.

    7.進一步促進頁面呈現與資料分離.

二.XMLHttpRequest物件介紹

    Ajax的一個最大的特點是無需刷新頁面便可向伺服器傳輸或讀取和寫入資料(又稱無刷新更新頁面),這一特點主要得益於XMLHTTP組件XMLHttpRequest對象.

  XMLHttpRequest屬性

XMLHttpRequest對象的屬性

屬性

描述

onreadystatechange

#######################################
每個狀態改變時都會觸發這個事件處理程序,通常會呼叫一個JavaScript函數
#readyState 請求的狀態
responseText 伺服器的回應,表示為一個字串
responseXML 伺服器的回應,表示為XML,這個物件可以解析為一個DOM物件
status 伺服器的HTTP狀態
statusText HTTP狀態的對應文字
#

每個狀態改變時都會觸發這個事件處理程序,通常會呼叫一個JavaScript函數

  XMLHttpRequest方法

XMLHttpRequest物件的一些常用的方法

##getAllResponseHeaders()##getResponseHeader("header")#傳回指定首部的字串值open("method","url")建立對伺服器的呼叫.method參數可以是GET,POST或PUT等;url參數可以是相對URL或絕對URL.這個方法還包括3個可選參數#send(content)##向伺服器發送請求## ####
方法 描述
abort() 停止目前請求
把HTTP請求的所有對應首部作為鍵/值對傳回
setRequestHeader("header","value") 把指定首部設定為所提供的值,在設定任何首部之前必須先呼叫open()方法

#上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

js與jQuery終止正在傳送的ajax請求的方法

##分享ajax的三個解析模式

比較Ajax的三種實作及JSON解析

以上是簡單談談AJAX核心對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn