24、Web开发：Ajax与图形处理全解析

Web开发：Ajax与图形处理全解析

1. Ajax基础与实例

Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术，它使网页能够在不重新加载整个页面的情况下与服务器进行异步通信并更新部分网页内容。

1.1 基于响应更新网页

当 XMLHttpRequest 对象从服务器接收到响应时，可以对其进行处理。例如，要将从服务器接收的内容显示在名为 dynamicDiv 的 div 元素中，可以设置一个处理程序：

request.onreadystatechange = requestResponseHandler; 
function requestResponseHandler()
{
    if (request.readyState == 4 && request.status == 200)
    {
        var responseXML = request.responseXML;
        document.getElementById("dynamicDiv").innerHTML = responseXML;       
    }
}

在这段代码中， requestResponseHandler() 被分配给 onreadystatechange 事件的处理程序。因此，当从服务器接收到响应时，会调用