2014年AJAX (Asynchronous JavaScript And XML).pptVIP

AJAX 肖丹 * AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG AJAX定义 传统Web应用 ??完全刷新 ??简单操作也导致重新加载页面全部数据 ??AJAX (Asynchronous JavaScript And XML) ??部分刷新 ??只作必要的数据交换 ??异步访问服务器端 * 目前的一些AJAX应用 Windows Live Mail Gmail ??Windows Live Local Google Maps ??Windows Live Personalize Page * XMLHttpRequest对象 AJAX技术的核心对象 ??存在于所有主流浏览器中 ??IE 5.5+, FireFox1.0+, Safari, etc ??提供了异步访问服务器端的能力 ??首次出现在IE5.5中（ActiveX） * 定义XMLHttpRequest对象 new ActiveXObject(Msxml2.XMLHTTP); new ActiveXObject(Microsoft.XMLHTTP); * //创建xmlhttp对象 function createxmlhttp() { var xmlhttp=null; try { xmlhttp = new ActiveXObject(Msxml2.XMLHTTP); } catch (e) { try { xmlhttp = new ActiveXObject(Microsoft.XMLHTTP); } catch (e) { xmlhttp = null; } } } * XMLHttpRequest对象方法： void open(Stringmethod, String url, Boolean async) ??void send(Stringbody) ??void setHeader(Stringheader, String value) ??String getResponseHeader(Stringheader) ??String getAllResponseHeaders() ??void abort() * POST和GET的区别 原理介绍：理论上说，GET是从服务器上请求数据，POST是发送数据到服务器。事实上，GET方法是把数据参数队列（query string）加到一个URL上，值和表单是一一对应的。比如说，name=John。在队列里，值和表单用一个符号分开，空格用+号替换，特 殊的符号转换成十六进制的代码。因为这一队列在URL里边，这样队列的参数就能看得到，可以被记录下来，或更改。通常GET方法还限制字符的大小（大概是 256字节 ）。事实上POST方法可以没有时间限制的传递数据到服务器，用户在浏览器端是看不到这一过程的，所以POST方法比较适合用于发送一个保密的（比如信用 卡号）或者比较大量的数据到服务器。 * XMLHttpRequest对象属性： Number readyState ??Function onreadystatechange ??String responseText ??XmlDocument responseXML ??Number status ??String statusText * readyState:请求的状态。有5个可取值： 0＝初始化， 1＝正在加载， 2＝已加载， 3＝交互中， 4＝完成。  * status属性 　这个status属性描述了HTTP状态代码，而且其类型为short。而且，仅当readyState值为3(正在接收中)或4(已加载)时，这个status属性才可用。当readyState的值小于3时试图存取status的值将引发一个异常。status:服务器的HTTP状态码（200对应OK，404对应Not Found，等等）。  * onreadystatechange事件 　　　无论readyState值何时发生改变，XMLHttpRequest对象都会激发一个readystatechange事件。其中，onreadystatechange属性接收一个EventListener值-向该方法指示无论readyState值何时发生改变，该对象都将激活。 xmlhttp.setRequestHeader(If-Modified-Since, 0);//清空缓存 * 使用XMLHttpRequest 步骤： ??构造XMLHttpRequest对象 ??指定onreadystatechange回