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 css在IE和Firefox中区别分析
Feb 18 Javascript
javascript中length属性的探索
Jul 31 Javascript
javascript面向对象编程代码
Dec 19 Javascript
JavaScript中的细节分析
Jun 30 Javascript
js取float型小数点后两位数的方法
Jan 18 Javascript
javascript实现10个球随机运动、碰撞实例详解
Jul 08 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
Nov 03 Javascript
element-ui 中的table的列隐藏问题解决
Aug 24 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
Mar 06 Javascript
vue 进阶之实现父子组件间的传值
Apr 26 Javascript
微信小程序转发事件实现解析
Oct 22 Javascript
如何使用CocosCreator对象池
Apr 14 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 base64+gzinflate压缩编码和解码代码
2008/10/03 PHP
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
php实现字符串首字母大写和单词首字母大写的方法
2015/03/14 PHP
PHP如何读取由JavaScript设置的Cookie
2017/03/22 PHP
Laravel-添加后台模板AdminLte的实现方法
2019/10/08 PHP
鼠标移动到一张图片时变为另一张图片
2006/12/05 Javascript
ASP 过滤数组重复数据函数(加强版)
2010/05/31 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
前端开发过程中浏览器版本的两种判定方法
2013/10/30 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
JavaScript实现twitter puddles算法实例
2014/12/06 Javascript
Vue.js实现文章评论和回复评论功能
2020/05/30 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
微信小程序bindtap事件与冒泡阻止详解
2019/08/08 Javascript
刷新页面后让控制台的js代码继续执行
2019/09/20 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python连接数据库的方法
2017/10/19 Python
深入理解Python中的 __new__ 和 __init__及区别介绍
2018/09/17 Python
python 2.7.13 安装配置方法图文教程
2018/09/18 Python
Python实现的调用C语言函数功能简单实例
2019/03/13 Python
获取Pytorch中间某一层权重或者特征的例子
2019/08/17 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
500行python代码实现飞机大战
2020/04/24 Python
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
高清屏下canvas重置尺寸引发的问题的解决
2019/10/14 HTML / CSS
教师听课评语大全
2014/12/31 职场文书
SQL之各种join小结详细讲解
2021/08/04 MySQL
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript