Ajax 给 XMLHttpReq.onreadystatechange传递参数

265 阅读 0 评论 175 点赞

我是靠谱客的博主包容期待，最近开发中收集的这篇文章主要介绍Ajax 给 XMLHttpReq.onreadystatechange传递参数，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Ajax 给 XMLHttpReq.onreadystatechange传递参数

通过：
xmlhttp.onreadystatechange= function(){xx(123)};
or xmlhttp.onreadystatechange= new Function("xx(123)"); 就可以了。

复制代码代码如下:

 
Ajax 给 XMLHttpReq.onreadystatechange传递参数 

通过： 
xmlhttp.onreadystatechange= function(){xx(123)}; 
or 
xmlhttp.onreadystatechange= new Function("xx(123)"); 
就可以了。 
m=document.getElementsByName("text8"); 
v=m[i]; 
XMLHttpReq.onreadystatechange=function(){proce(v)}; 
---------------------------------------------- 
function proce(v) 
{ 
if(XMLHttpReq.readyState==4) 
{ 
if(XMLHttpReq.status==200) 
{ 
var res=XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data; 
v.value=res; 
} 
else 
{ 
v.value='....'; 
} 
} 
} 

一个小测试的例子：

复制代码代码如下:

 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>test Ajax</title> 
<mce:script language="javascript"><!-- 
function getXMLHttpRequest() { 
var xmlHttpRequest; 
try 
{ 
xmlHttpRequest=new XMLHttpRequest(); 
} 
catch (e) 
{ 
try 
{ 
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
catch (e) 
{ 
try 
{ 
xmlHttpRequest=new ActiveXObjec("Msxml2.XMLHTTP"); 
} 
catch (e) 
{ 
throw new Error('Unable to create XMLHttpRequest.') 
} 
} 
} 
return xmlHttpRequest; 
} 
/* 
function test() { 
var xhr = getXMLHttpRequest(); 
var url="http://211.87.235.108:5000/sensor.xml"; 
xhr.open("GET",url); 
xhr.send(null); 
xhr.onreadystatechange = function(){ 
if(4==xhr.readyState) 
{ 
if(200==xhr.status) { 
//var xmldoc=xmlHttpRequest.responseXML; 
var xmldoc=xhr.responseText; 
document.getElementById("disp").innerHTML=xmldoc; 
} 
else { 
//alert(xhr.status); 
} 
} 
}; 

xhr.onstatechange = function() { 
handleXMLHttpRequest(xhr) ; 
}; 
} 
*/ 

function handleXMLHttpRequest( xmlHttpRequest) { 
if(4==xmlHttpRequest.readyState) 
{ 
if(200==xmlHttpRequest.status){ 
//var xmldoc=xmlHttpRequest.responseXML; 
var xmldoc=xmlHttpRequest.responseText; 
document.getElementById("disp").innerHTML=xmldoc; 
} 
else { 
alert(xmlHttpRequest.status); 
} 
} 
} 
function doXMLHttpRequest() { 
var xhr = getXMLHttpRequest(); 
var url="http://localhost:5000/sensor.xml"; 
xhr.open("GET",url); 
xhr.send(null); 
xhr.onreadystatechange =function (){ 
handleXMLHttpRequest(xhr); 
}; 
} 

function myrefresh() { 
window.location.reload(); 
} 
setTimeout('myrefresh()',1000); //指定1秒刷新一次 
// --></mce:script> 

</head> 
<mce:style><!-- 
body {font-size:12px;} 
--></mce:style><style mce_bogus="1"> body {font-size:12px;}</style> 
<body onLoad="doXMLHttpRequest()"> 
<div id="disp"> 
</div> 
</body> 
</html> 

用例2：

复制代码代码如下:

 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title> My Documents </title> 
<mce:script language="javascript"><!-- 
function getXMLHttpRequest() { 
var xmlHttpRequest; 
try 
{ 
xmlHttpRequest=new XMLHttpRequest(); 
} 
catch (e) 
{ 
try 
{ 
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
catch (e) 
{ 
try 
{ 
xmlHttpRequest=new ActiveXObjec("Msxml2.XMLHTTP"); 
} 
catch (e) 
{ 
throw new Error('Unable to create XMLHttpRequest.') 
} 
} 
} 
return xmlHttpRequest; 
} 
function test() { 
var xhr = getXMLHttpRequest(); 
var url="http://211.87.235.108:5000/sensor.xml"; 
xhr.open("GET",url); 
xhr.send(null); 
xhr.onreadystatechange = function(){ 
if(4==xhr.readyState) 
{ 
if(200==xhr.status) { 
//var xmldoc=xmlHttpRequest.responseXML; 
var xmldoc=xhr.responseText; 
document.getElementById("disp").innerHTML=xmldoc; 
} 
else { 
//alert(xhr.status); 
} 
} 
}; 
} 
/* 
function handleXMLHttpRequest( xmlHttpRequest) { 
alert(xmlhttpRequest + 2); 
if(4==xmlHttpRequest.readyState) 
{ 
if(200==xmlHttpRequest.status){ 
//var xmldoc=xmlHttpRequest.responseXML; 
var xmldoc=xmlHttpRequest.responseText; 
document.getElementById("disp").innerHTML=xmldoc; 
} 
else { 
alert(xmlHttpRequest.status); 
} 
} 
} 

function doXMLHttpRequest() { 
var xhr = getXMLHttpRequest(); 
var url="http://211.87.235.108:5000/sensor.xml"; 
xhr.open("GET",url); 
xhr.send(null); 
xhr.onreadystatechange = handleXMLHttpRequest(); 
} 
*/ 

function myrefresh() { 
window.location.reload(); 
} 
// setTimeout('myrefresh()',1000); //指定1秒刷新一次 
// --></mce:script> 

</HEAD> 
<mce:style><!-- 
body {font-size:12px;} 
--></mce:style><style mce_bogus="1"> body {font-size:12px;}</style> 
<body onLoad="test()"> 
<div id="disp"> 
</div> 
</body> 
</html> 