Foundation of AJAX 阅读笔记（一）

 

   书如其名，介绍AJAX的基础知识，作为程序员入门非常合适。老外写书一向喜欢追根溯源，本书也不例外，第一章就是Web技术的发展简史，从Internet的起源说起，洋洋洒洒。

    Today we have no fewer than four XML derivatives for creating Web applications (and that doesn’t count the W3C’s XHTML): XUL from Mozilla; XAMJ, an open-source alternative that blends Java into the mix; MXML from Macromedia; and XAML from Microsoft.

    第二章介绍了 AJAX 的核心技术—— XMLHttpRequest 对象。

标准的对象方法：

Method	Description
abort()	The current request.
getAllResponseHeaders()	Returns all the response headers for the HTTP request as key/value pairs.
getResponseHeader("header")	Returns the string value of the specified header.
open("method", "url")	Sets the stage for a call to the server. The method argument can be either GET , POST , or PUT . The url argument can be relative or absolute. This method includes three optional arguments.
send(content)	Sends the request to the server.
setRequestHeader("header", "value")	Sets the specified header to the supplied value.
open()	must be called before attempting to set any headers.

 

标准的对象属性：

Property	Description
onreadystatechange	The event handler that fires at every state change, typically a call to a JavaScript function.
readyState	The state of the request. The five possible values are 0 = uninitialized,1 = loading, 2 = loaded, 3 = interactive, and 4 = complete.
responseText	The response from the server as a string.
responseXML	The response from the server as XML. This object can be parsed and examined as a DOM object.
status	The HTTP status code from the server (that is, 200 for OK, 404 for Not Found, and so on).
statusText	The text version of the HTTP status code (that is, OK or Not Found, and so on).

使用 XMLHttpRequest 对象发送请求的基本过程：

1. 获得 XMLHttpRequest. 的对象实例；

2. 设置对象的 onreadystatechange 属性所指向的 JavaScript 方法，以确定对象变化时执行该方法。

3. 赋值请求的属性。对 X MLHttpRequest 对象的 open() 方法参数赋值

4.  发送请求到服务器