JS 实现 ajax 异步浏览器兼容问题


Posted in Javascript onJanuary 21, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<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 异步浏览器兼容问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
实用javaScript技术-屏蔽类
Aug 15 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
Jun 19 Javascript
初窥JQuery(一)jquery选择符 必备知识点
Nov 25 Javascript
javascript smipleChart 简单图标类
Jan 12 Javascript
jquery插件制作简单示例说明
Feb 03 Javascript
Lazy Load 延迟加载图片的jQuery插件中文使用文档
Oct 18 Javascript
Javascript的时间戳和php的时间戳转换注意事项
Apr 12 Javascript
javascript解决innerText浏览器兼容问题思路代码
May 17 Javascript
JS开发 富文本编辑器TinyMCE详解
Jul 19 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
Jul 16 Javascript
javascript实现贪吃蛇游戏(娱乐版)
Aug 17 Javascript
RequireJS 依赖关系的实例(推荐)
Jan 21 #Javascript
js操作浏览器的参数方法
Jan 21 #Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 #Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 #Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
Jan 21 #Javascript
利用transition实现文字上下抖动的效果
Jan 21 #Javascript
jQuery Ajax实现跨域请求
Jan 21 #Javascript
You might like
PHP常用代码
2006/11/23 PHP
新安装的MySQL数据库需要注意的安全知识
2008/07/30 PHP
php实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
smarty自定义函数用法示例
2016/05/20 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
获取select元素被选中的文本内容的js代码
2014/01/29 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
JS实现图片平面旋转的方法
2016/03/01 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
微信小程序 animation API详解及实例代码
2016/10/08 Javascript
js指定步长实现单方向匀速运动
2017/07/17 Javascript
详谈JS中数组的迭代方法和归并方法
2017/08/11 Javascript
vue 项目如何引入微信sdk接口的方法
2017/12/18 Javascript
webpack的CSS加载器的使用
2018/09/11 Javascript
详解koa2学习中使用 async 、await、promise解决异步的问题
2018/11/13 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
JS如何实现手机端输入验证码效果
2020/05/13 Javascript
python多重继承实例
2014/10/11 Python
Python使用matplotlib实现基础绘图功能示例
2018/07/03 Python
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
基于Python解密仿射密码
2019/10/21 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
Pytorch转tflite方式
2020/05/25 Python
pyCharm 实现关闭代码检查
2020/06/09 Python
Python装饰器如何实现修复过程解析
2020/09/05 Python
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
大整数数相乘的问题
2012/07/22 面试题
领班岗位职责范文
2014/02/06 职场文书
《夹竹桃》教学反思
2014/04/20 职场文书
劳资员岗位职责
2015/02/13 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
2015年中学团委工作总结
2015/07/22 职场文书
vue前端工程的搭建
2021/03/31 Vue.js
解决sql server 数据库,sa用户被锁定的问题
2021/06/11 SQL Server