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 相关文章推荐
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 Javascript
javascript实现的DES加密示例
Oct 30 Javascript
Javascript操作URL函数修改版
Nov 07 Javascript
影响jQuery使用的14个方面
Sep 01 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
Feb 05 Javascript
基于jQuery实现仿淘宝套餐选择插件
Mar 04 Javascript
分享一些常用的jQuery动画事件和动画函数
Nov 27 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
解决拦截器对ajax请求的拦截实例详解
Dec 21 Javascript
js阻止默认右键的下拉菜单方法
Jan 02 Javascript
vuejs点击class变化的实例
Sep 05 Javascript
Vue实现开关按钮拖拽效果
Sep 22 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
yiic命令时提示“php.exe”不是内部或外部命令的解决方法
2014/12/18 PHP
PHP合并数组+号和array_merge的区别
2015/06/25 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
添加到收藏夹代码(兼容几乎所有的浏览器)
2007/01/09 Javascript
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
MooBox 基于Mootools的对话框插件
2012/01/20 Javascript
HTML上传控件取消选择
2013/03/06 Javascript
js改变img标签的src属性在IE下没反应的解决方法
2013/07/23 Javascript
谷歌Chrome浏览器扩展程序开发小记
2016/01/06 Javascript
JS动态插入并立即执行回调函数的方法
2016/04/21 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
一个炫酷的Bootstrap导航菜单
2016/12/28 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
2017/02/15 Javascript
JS基于正则实现数字千分位用逗号分隔的方法
2017/06/16 Javascript
angular使用md5,CryptoJS des加密的方法
2019/06/03 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
2019/07/04 jQuery
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
Python中list初始化方法示例
2016/09/18 Python
python 3利用BeautifulSoup抓取div标签的方法示例
2017/05/28 Python
Python 获得13位unix时间戳的方法
2017/10/20 Python
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
《Python学习手册》学习总结
2018/01/17 Python
Python实现扣除个人税后的工资计算器示例
2018/03/26 Python
python tkinter窗口最大化的实现
2019/07/15 Python
python openCV获取人脸部分并存储功能
2019/08/28 Python
keras 实现轻量级网络ShuffleNet教程
2020/06/19 Python
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
波兰在线香水店:Perfumy.pl
2019/08/12 全球购物
大学新生入学教育方案
2014/05/16 职场文书
社团活动总结模板
2014/06/30 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
趵突泉导游词
2015/02/03 职场文书
慰问信模板
2015/02/14 职场文书
基于Python的EasyGUI学习实践
2021/05/07 Python