XMLHttpRequest物件和DOM物件

2021-08-30 07:00:39 字數 2272 閱讀 4739

一、xmlhttprequest物件

xmlhttprequest物件的屬性:

屬性 描述

onreadystatechange

狀態改變的事件觸發器

readystate

物件狀態(integer):

0 = 未初始化

1 = 讀取中

2 = 已讀取

3 = 互動中

4 = 完成

responsetext

伺服器程序返回資料的文字版本

respon***ml

伺服器程序返回資料的相容dom的xml文件物件

status

伺服器返回的狀態碼, 如:404 = "檔案未找到" 、200 ="成功"

statustext

伺服器返回的狀態文字資訊

xmlhttprequest物件的方法:

方法 描述

abort()

停止當前請求

getallresponseheaders()

作為字串返回完整的headers

getresponseheader("headerlabel")

作為字串返回單個的header標籤

open("method","url"[,asyncflag[,"username"[, "password"]]])

設定未決的請求的目標 url,方法,和其他引數

send(content)

傳送請求

setrequestheader("label", "value")

設定header並和請求一起傳送

二、dom物件

文件物件模型是與平台和語言無關的介面,允許程式和指令碼動態地訪問和更新文件的內容,結構和樣式。文件可以進一步處理,處理的結果可以放回到所提供的頁面中。如果服務端返回的是xml,使用respon***ml即可直接建立dom來操作這個檔案.

dom物件的屬性:

屬性 描述

childnodes

返回當前元素所有子元素集合

firstchild

返回當前元素的第乙個子元素

lastchild

返回當前元素的最後乙個子元素

nextsibling

返回緊跟在當前元素後面的元素(平級)

previoussibling

返回緊跟在當前元素之前的元素(平級)

nodevalue

指定表示元素值的讀/寫屬性

parentnode

返回元素的父節點

dom物件的方法:

方法 描述

getelementbyid(id) (document)

獲取有指定唯一id屬性值文件中的元素

getelementsbytagname(name)

返回當前元素中有指定標記名的子元素的集合

haschildnodes()

返回乙個布林值,指示元素是否有子元素

getattribute(name)

返回元素的屬性值,屬性由name指定

動態建立內容所用的w3c dom屬性和方法

屬性/方法

描述 document.createelement(tagname)

文件物件上的createelement方法可以建立由tagname指定的元素。如果以串div作為方法引數,就會生成乙個div元素

document.createtextnode(text)

文件物件的createtextnode方法會建立乙個包含靜態文字的節點

element.getattribut(name)

element.setattribut(name, value)

獲取和設定元素中name屬性的值

element.insertbefore(newnode, targetnode)

這個方法將節點newnode作為當前元素的子節點插到targetnode元素前面

element.removeattribute(name)

這個方法從元素中刪除屬性name

element.removechild(childnode)

從元素中刪除子元素childnode

element.replacechild(newnode,oldnode)

將節點oldnode替換為節點newnode

element.haschildnodes()

返回乙個布林值,指示元素是否有子元素

標準的建立XMLHttpRequest物件的方法

我們先來看看xmlhttprequest這個物件的屬性。它的屬性有 onreadystatechange 每次狀態改變所觸發事件的事件處理程式。responsetext 從伺服器程序返回資料的字串形式。respon ml 從伺服器程序返回的dom相容的文件資料物件。status 從伺服器返回的數字 ...

XMLHttpRequest 物件詳解

http 請求的狀態.當乙個 xmlhttprequest 初次建立時,這個屬性的值從 0 開始,直到接收到完整的 http 響應,這個值增加到 4。狀態名稱描述0 uninitialized 初始化狀態。xmlhttprequest 物件已建立或已被 abort 方法重置。1open open 方...

Ajax核心 XMLHttpRequest物件

xmlhttprequest 物件是ajax功能的核心,學習xmlhttprequest物件就先從建立xmlhttprequest 物件開始,了解在不同的瀏覽器中建立xmlhttprequest 物件使用不同的方法 以前只是聽說有些瀏覽器不太支援ajax,後來瀏覽器逐漸的相容了這個瀏覽器,現在來看明...