如何在 Oracle JDeveloper 中进行 Ajax 编程(续)

使用以下语句替换在 helloAjax.html 页面中定义 doTheAjaxThing() 函数的当前 html" class="wordstyle">JavaScript 语句，使请求成为异步调用：

<script type="text/html" class="wordstyle">javascript">var requestObject;var READY_STATE_COMPLETE = 4;var PAGE_SUCCESS = 200;function doTheAjaxThing(){param="name="+(document.form1.name.value.length >0 ?document.form1.name.value:"nobody");requestObject = xmlHttpRequestHandler.createXmlHttpRequest();requestObject.onreadystatechange=onReadyStateChangeResponse;requestObject.open("Get","helloajax?"+param,true);requestObject.send(null);  }function onReadyStateChangeResponse(){var ready = requestObject.readyState;var status = requestObject.status;if(ready==READY_STATE_COMPLETE && status == PAGE_SUCCESS){var div_handle = document.getElementById("message");//check if DIV element is foundif(div_handle){div_handle.innerHTML+='
</'+'br>'+requestObject.responseText;     }    }  }</script>

当前的异步请求处理与前一个同步调用之间的差异以粗体突出显示。由于浏览器不等待服务器做出响应，此示例使用了 html" class="wordstyle">JavaScript 回调（状态改变时由 XMLHttpRequest 对象调用的函数）。涉及到的状态有四种，包括：

用户最关注的状态由状态值 4 指出。在上面的 html" class="wordstyle">JavaScript 函数中，为进行更好的读取，此数值被赋给 html" class="wordstyle">JavaScript 变量 READY_STATE_COMPLETE。不要混淆状态与状况。状态是 XmlHttpRequest 返回的值，而状况是 HTTP 代码，用于通知用户所请求的访问。例如，如果 requestObject 状况为 403，则用户访问了未被授权的服务器资源。此状况需要的客户端处理与状况为 200（指示成功的服务器访问）时的处理不同。

要使用 XmlHttprequest 对象注册 html" class="wordstyle">JavaScript 回调句柄 onReadyStateChangeResponse，您需要将其指定为 XmlHttpRequest onreadystate 方法 requestObject.onreadystatechange=onReadyStateChangeResponse 的值，上述方法是 XmlHttpRequest 对象公开的一个函数。

您可以随意为 html" class="wordstyle">JavaScript 函数 onReadyStateChangeResponse() 命名，但必须为 requestObject.onreadystatechange 赋予相同的名称。在读取返回的消息主体之前，您需要执行前面提及的检查，以确保就绪状态为 4、请求状况为 200。其余代码与前面示例中的代码相同。

保存您的工作，然后运行应用程序。

javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">

注意，在此次执行时，从按下按钮到服务器响应仍存在延迟，但按钮会立即释放。