通用ajax初始化代码

最新推荐文章于 2024-11-25 17:21:18 发布

原创最新推荐文章于 2024-11-25 17:21:18 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #Safari #Firefox #Opera #Microsoft

工具使用专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种跨浏览器创建XMLHttpRequest对象的方法，并提供了一个示例函数来展示如何使用此对象进行GET请求，同时处理了不同浏览器环境下的兼容性问题。

function   createXmlHttpRequest(){
var xmlhttp = null;
try{
		//Firefox, Opera 8.0+, Safari
           xmlhttp=new XMLHttpRequest();
		}catch(e){//IEIE7.0以下的浏览器以ActiveX组件的方式来创建XMLHttpRequest对象
var MSXML = 
['MSXML2.XMLHTTP.6.0','MSXML2.XMLHTTP.5.0',
'MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0',
'MSXML2.XMLHTTP','Microsoft.XMLHTTP'];
  for(var n = 0; n < MSXML.length; n ++){
    try{
      xmlhttp = new ActiveXObject(MSXML[n]);
      break;
    }catch(e){}}
  }
return xmlhttp;
}

普遍性的创建连接等

function loadpro(){
	var xhr=createXmlHttpRequest();
	xhr.onreadystatechange=function(){
		if(xhr.readyState==4 ||(xhr.status==200 || xhr.status==304)){
			alert(xhr.responseText);
			var ret=eval("("+xhr.responseText+")");
			alert("ret lenght:"+ret.length);
			var s="";
			for(var i=0;i<ret.length;i++){
				alert("retX="+ret[i]);
				s+="<option>"+ret[i]+"</option>";
			}
			alert("s:"+s);
			document.getElementById("pro").innerHTML=s;
		}
	}
	xhr.open("get","servlet/ProvLoad",true);
	xhr.send(null);
}