AJAX-笔记2

 onreadystatechange 事件

当请求被发送到服务器时，我们需要执行一些基于响应的任务。

每当 readyState 改变时，就会触发 onreadystatechange 事件。

readyState 属性存有 XMLHttpRequest 的状态信息。

下面是 XMLHttpRequest 对象的三个重要的属性：

属性描述onreadystatechange存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。readyState

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

• 0: 请求未初始化
• 1: 服务器连接已建立
• 2: 请求已接收
• 3: 请求处理中
• 4: 请求已完成，且响应已就绪

status200: "OK"
404: 未找到页面

在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。

当 readyState 等于 4 且状态为 200 时，表示响应已就绪：

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4&& xmlhttp.status==200)

{

document.getElementByIdx_x_x("myDiv").innerHTML=xmlhttp.responseText;

}

}

xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);

xmlhttp.send();

使用回调函数

回调函数是一种以参数形式传递给另一个函数的函数。

如果您的网站上存在多个 AJAX 任务，那么您应该为创建 XMLHttpRequest 对象编写一个标准的函数，并为每个AJAX 任务调用该函数。

该函数调用应该包含 URL 以及发生 onreadystatechange事件时执行的任务（每次调用可能不尽相同）：

修改内容
///////////////点击按钮触发函数myFunction，该函数调用loadXMLDoc（传入参数try/ajax/ajax_info.txt和function）

///////////////这样可以改变每次的try/ajax/ajax_info.txt值为不同的文件

///////////////对比//点击按钮直接调用loadXMLDoc函数（无参数）把myDiv赋值/ajax_info.txt的内容

修改内容

笔记列表

1. 服务器常用的状态码及其对应的含义如下：

   •  200：服务器响应正常。
   •  304：该资源在上次请求之后没有任何修改（这通常用于浏览器的缓存机制，使用GET请求时尤其需要注意）。
   •  400：无法找到请求的资源。
   •  401：访问资源的权限不够。
   •  403：没有权限访问资源。
   •  404：需要访问的资源不存在。
   •  405：需要访问的资源被禁止。
   •  407：访问的资源需要代理身份验证。
   •  414：请求的URL太长。
   •  500：服务器内部错误。