2014年Ajax技术汇总.pptVIP

14.3.4 案例实施 if (window.XMLHttpRequest) { //Mozilla 浏览器 http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) {//设置MiME类别 http_request.overrideMimeType(text/xml); } } else if (window.ActiveXObject) { // IE浏览器 try { http_request = new ActiveXObject(Msxml2.XMLHTTP); } catch (e) { try { http_request = new ActiveXObject(Microsoft.XMLHTTP); } catch (e) { } 14.3.4 案例实施 if (!http_request) { // 异常，创建对象实例失败 window.alert(不能创建XMLHttpRequest对象实例.); return false; } http_request.onreadystatechange = processRequest; // 确定发送请求的方式和URL以及是否同步执行下段代码 http_request.open(POST, url, true); http_request.send(null); }// 处理返回信息的函数 function processRequest() { if (http_request.readyState == 4) { // 判断对象状态 if (http_request.status == 200) { // 信息已经成功返回，开始处理 var divhtml = http_request.responseText;//以字符串形式加以处理 alert(divhtml); } }}/script 14.3.4 案例实施 h1商品列表/h1 table cellspacing=1 cellpadding=0 width=90% border=0 tbody tr bgcolor=#fba661 height=20 tddiv align=center编号/div/td tddiv align=center名称/div/td tddiv align=center药品分类/div tddiv align=center价格/div/td tddiv align=center图片/div/td tddiv align=center购买/div/td /tr ………. 14.3.5特别提示 AJAX 是一种在 2005 年由 Google 推广开来的编程模式。AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。通过 AJAX，你可以创建更好、更快以及更友好的 WEB 应用程序。 14.3.6拓展与提高 本案例采用最基本的Ajax开发方式，比较繁琐，我们可以通过开发好的开发框架如Prototype、JQuery、ExtJS等更好的完成WEB应用开发。 * 北京亚思晟 科技有限公司 CONFIDENTIAL * 北京亚思晟 科技有限公司 第十四章 Ajax技术 本章主要内容 AJAX基本概念 XMLHttpRequest及使用 AJAX交互实例 14.1 Ajax基本概念 Ajax可以创建丰富的基于浏览器的应用。Ajax本身不只是一个特定的技术，而更应该算是一种应用技巧。其主要组件就是大家所熟悉的JavaScript。所以，坦率地讲，Ajax并不是什么新东西。实际上，与这个词相关的“最新”术语就是XMLHttpRequest对象，它早在IE5中就以ActiveX控件的形式已经出现了。起初，XMLHttpRequest对象只在IE中得到支持，而现在，Ajax在大多数浏览器中都能使用，而且不需要任何专门的软件或硬件。这种方法的一大优势就是开发人员不需要学习一种新的语言，也不必完全丢掉他们原先掌握的服务器端技术。Ajax是一种客户端方法，可以与J2EE、.N