从JS到AJAX-16Ajax应用模式报告.ppt

* 问题 XMLHttpRequest对象返回为4的readyState，但返回200以外的status时该怎么做？ * 解决模式 XMLHttpRequest对象经历了初始化对象、发送数据和接收响应等一系列阶段。它从0运行到4。通常，我们希望status属性返回200，readyStatus返回4。如果没有得到预期结果，则可能引起脚本崩溃。因为一旦返回值为4的readyStatus，除非重新设置，否则readyStatus是不会发生改变的。我们有两种解决模式： 第一种模式是完全取消请求； 第二种模式是继续在指定的时间或请求次数内执行请求。 下面来看看两种模式的实际示例。 * 例1：取消请求。以用户验证的示例为例。 我们对用户键盘输入的用户名是否包含在服务器上数据库中UserName表中，并使用XMLHttpRequest对象执行表单验证。 注意，Internet上的各种干扰使得有可能不返回status为200的响应。在这种情况下，必须采取其他措施。通过将XMLHttpRequest对象调用的文件名改为不存在的文件名，来模拟Internet上的干扰条件。 在status不为200的情况下，显示第三种替代信息。 * 将index.htm中的FormValidation.js改为FormValidation2.js script type=text/javascript src=FormValidation2.js/script /head body form name=form1 id=form1 method=post action=formcheck.aspx User Name: input id=UserName type=text onblur=Validate(UserName) / br/ span id=span/span br/br / Address:input id=Address class=textbox type=text / br /br / input type=button value=Click here to submit details / /form * function getData() { if ((xHRObject.readyState == 4)) { if (xHRObject.status == 200) { var serverText = xHRObject.responseText; if (serverText == True) { span.innerHTML = This user name has already been taken; } if (serverText == False) { span.innerHTML = This user name is available; } } else { span.innerHTML = 现在不能确定库中是否存在输入的名称，提交后再检验; xHRObject.abort(); } } } xHRObject.open(“POST”, “thisfiledoesntexist.aspx”, true); //不存在的文件，导致status不等于200的错误发生 …… // 以上是FormValidation2.js程序 * 运行程序，输入一个库中存在的姓名Peter, 则出现status不为200的错误： * 例2：多次请求。以股票更新示例为例，修改polling.htm文件： script type=text/javascript src=polling2.js/script /head body onload=getDocument() span id=Stocks/span /body * 将polling.js文件修改成polling2.js文件： function getData() { if (xHRObject.readyState == 4) { if (xHRObject.status == 200) { var xml = loadDocument(Stocks.xml); // Load XML var xsl = loadDocument(Stocks.xsl); //Load XSL document.getElementById(Stocks).innerHTML = transformToHTML(xml, xsl