2、AJAX常用模式.ppt

五种Ajax应用模式 目标 替换 HTML 片段 读取 XML 数据 读取 JavaScript 数据 避免浏览器缓存 替换多个 HTML 片段 替换 HTML 片段 21-1 向服务器请求HTML响应， 并使用它来更新部分页面。这是最常见的 Ajax 任务 示例1：pat1_replace_div.html从服务器请求一个HTML响应（ pat1_content.html ），然后将得到的响应放入它的 div 标记中，从而刷新页面。代码如下： 替换 HTML 片段 21-2 html script var req = null; //引用XMLHttpRequest对象的变量 // 处理服务器返回的HTML响应的回调函数 function processReqChange() { //如果服务器响应已经完成并且服务器生成了正常响应 if (req.readyState == 4 req.status == 200 ) { //得到页面中的DIV块 var dobj = document.getElementById( ‘htmlDiv’ ); //用服务器响应的HTML文本更新页面DIV块的内容 dobj.innerHTML = req.responseText; }