这里有新鲜出炉的精品教程,程序狗速度看过来!
AJAX 即 "Asynchronous Javascript + XML"(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。
本文通过实例代码给大家讲解了 js 实现 ajax 异步浏览器兼容问题,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
废话不多说了,直接给大家贴代码了,具体代码如下所示:
- <td>
- <input type="button" value="订单详情" id="but<s:property value=" #o.oid
- "/>" onclick="showDetail(<s:property value=" #o.oid "/>)"/>
- <div id="div<s:property value=" #o.oid "/>">
- </div>
- </td>
- <script type="text/javascript">
- function showDetail(oid) {
- var but = document.getElementById("but" + oid);
- var div1 = document.getElementById("div" + oid);
- if (but.value == "订单详情") {
- // 1.创建异步对象
- var xhr = createXmlHttp();
- // 2.设置监听
- xhr.onreadystatechange = function() {
- if (xhr.readyState == 4) {
- if (xhr.status == 200) {
- div1.innerhtml = xhr.responseText;
- }
- }
- }
- // 3.打开连接
- xhr.open("GET", "${pageContext.request.contextPath}/
- adminOrder_findOrderItem.action?oid=" + oid + "&time=
- " + new Date().getTime(), true);
- // 4.发送
- xhr.send(null);
- but.value = "关闭";
- } else {
- div1.innerHTML = "";
- but.value = "订单详情";
- }
- }
- function createXmlHttp() {
- var xmlHttp;
- try { // Firefox, Opera 8.0+, Safari
- xmlHttp = new XMLHttpRequest();
- } catch(e) {
- try { // Internet Explorer
- xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
- } catch(e) {
- try {
- xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
- } catch(e) {}
- }
- }
- return xmlHttp;
- }
- </script>
- // 根据订单的id查询订单项: public String findOrderItem(){ // 根据订单id查询订单项: List
- <OrderItem>
- list = orderService.findOrderItem(order.getOid()); // 显示到页面: ActionContext.getContext().getValueStack().set("list",
- list); // 页面跳转 return "findOrderItem"; }
- <table width="100%">
- <s:iterator var="orderItem" value="list">
- <tr>
- <td>
- <img width="40" height="45" src="${ pageContext.request.contextPath }/<s:property value="
- #orderItem.product.image "/>">
- </td>
- <td>
- <s:property value="#orderItem.product.pname" />
- </td>
- <td>
- <s:property value="#orderItem.count" />
- </td>
- <td>
- <s:property value="#orderItem.subtotal" />
- </td>
- </tr>
- </s:iterator>
- </table>
以上所述是小编给大家介绍的 JS 实现 ajax 异步浏览器兼容问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0527/328273.html