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

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

id="but"

οnclick="showDetail()"/>

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;

}

// 根据订单的id查询订单项:

public String findOrderItem(){

// 根据订单id查询订单项:

List list = orderService.findOrderItem(order.getOid());

// 显示到页面:

ActionContext.getContext().getValueStack().set("list", list);

// 页面跳转

return "findOrderItem";

}

">

以上所述是小编给大家介绍的JS 实现 ajax 异步浏览器兼容问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

时间： 2017-01-20