Latest web development tutorials

XML의 DOM은 - HttpRequest에이 개체

XMLHttpRequest 객체를 통해, 사용자는 전체 페이지를 재로드하지 않고도 웹 페이지의 일부분을 업데이트 할 수있다.


예

시도 - 예

XMLHttpRequest 객체의 간단한 예
간단한 XMLHttpRequest를 만들기, TXT 파일에서 데이터를 검색 할 수 있습니다.

getAllResponseHeaders () 헤더 정보를 검색하여
자원 (문서) 헤더 정보를 검색 할 수 있습니다.

() 지정된 헤더 정보를 검색 getResponseHeader
헤더 정보를 지정하는 자원 (파일)을 검색 할 수 있습니다.

콘텐츠 검색 ASP 파일
사용자가 웹 페이지를 웹 서버와 통신하는 방법 입력 필드에 문자를 입력 할 때.

데이터베이스에서 콘텐츠를 검색
웹 페이지에서는 XMLHttpRequest 객체를 통해 데이터베이스에서 정보를 추출합니다.

컨텐츠 검색 용 XML 파일
XML 파일로부터 데이터를 검색하고 HTML 테이블의 데이터를 표시하는 XMLHttpRequest 객체를 생성한다.


XMLHttpRequest 객체

XMLHttpRequest 객체는 뒤에서 서버와 데이터를 교환하기 위해 사용된다.

당신이 할 수 있기 때문에 XMLHttpRequest객체는 개발자의 꿈이다 :

  • 페이지를 다시로드하지 않고 웹 페이지를 업데이트
  • 페이지는 서버 요청 데이터로부터로드되면
  • 페이지가로드 된 이후의 데이터는 서버로부터 수신
  • 백그라운드에서 서버로 데이터를 전송

XMLHttpRequest 객체 메소드

方法 描述
abort() 取消当前的请求。
getAllResponseHeaders() 返回头信息。
getResponseHeader() 返回指定的头信息。
open(method,url,async,uname,pswd) 规定请求的类型,URL,请求是否应该进行异步处理,以及请求的其他可选属性。

method:请求的类型:GET 或 POST
url:文件在服务器上的位置
async:true(异步)或 false(同步)
send(string) 发送请求到服务器。

string:仅用于 POST 请求
setRequestHeader() 把标签/值对添加到要发送的头文件。

XMLHttpRequest 객체의 속성

属性 描述
onreadystatechange 存储函数(或函数的名称)在每次 readyState 属性变化时被自动调用。
readyState 存放了 XMLHttpRequest 的状态。从 0 到 4 变化:
0:请求未初始化
1:服务器建立连接
2:收到的请求
3:处理请求
4:请求完成和响应准备就绪
responseText 返回作为一个字符串的响应数据。
responseXML 返回作为 XML 数据响应数据。
status 返回状态数(例如 "404" 为 "Not Found" 或 "200" 为 "OK")。
statusText 返回状态文本(如 "Not Found" 或 "OK")。