Microsoft Ajax Library异步获取页面并显示

来源：作者：邹健出处：巧巧读书 2007-11-04 进入讨论组

访问地址 http://www.qqread.com/ajax/z379688.html

这个是看了MicrosoftAjax.js的代码，从代码中推出来的。希望对大家学习ms ajax lib有帮助。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>

<script src="MicrosoftAjax.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
function click(_url){
$get("as").innerHTML="正在载入 ";//正在载入时的信息
var xhe = new Sys.Net.XMLHttpExecutor();
var wr = new Sys.Net.WebRequest();
wr.set_url(_url);//设置异步访问URL
wr.set_httpVerb("get");//访问方式
wr.set_executor(xhe);//将XMLHttpExecutor与WebRequest关联
wr.set_userContext("my Context");//设备上下文，不知是做什么用的
wr.add_completed(function(){//完成载入时的函数
$get("as").innerHTML=xhe.get_responseData();
});
xhe.executeRequest();//执行
}
</script>

<a href="javascript:click('http://www.csdn.net')">csdn</a>
<a href="javascript:click('http://www.cnblogs.com')">cnblogs</a>
<a href="javascript:click('http://www.mvking.com/bbs')">MvKing</a>
<div id="as">init</div>
</body>
</html>

示例２：取个RSS并显示（在取的时候处理为HTML）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>

<script src="MicrosoftAjax.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
function click(_url){
$get("as").innerHTML="正在载入 ";//正在载入时的信息
var xhe = new Sys.Net.XMLHttpExecutor();
var wr = new Sys.Net.WebRequest();
wr.set_url(_url);//设置异步访问URL
wr.set_httpVerb("get");//访问方式
wr.set_executor(xhe);//将XMLHttpExecutor与WebRequest关联
wr.set_userContext("my Context");//设备上下文，不知是做什么用的
wr.add_completed(function(){//完成载入时的函数
var b=new String(xhe.get_responseData());
b=b.replace(/<\?xml \w+>/g,"");//用正则替换一番
b=b.replace(/<rss\w+>/g,"<div>");
/**/b=b.replace(/rss>/g,"div>");
b=b.replace(/channel>/g,"ul>");
b=b.replace(/item>/g,"li>");
b=b.replace(/description>/g,"div>");
b=b.replace(/<description><!\[CDATA\[/g,"<div>");
b=b.replace(/title>/g,"h3>");
b=b.replace(/\]\]>/g,"");
b=b.replace(/<link>/g,"<a href=");
b=b.replace(/<\/link><dc:creator>/,">");
b=b.replace(/<\/dc:creator>/g,"</a>");
b=b.replace(/<author>\w+<\/author>/g,"");
//alert(b);
$get("as").innerHTML=b;
});
xhe.executeRequest();//执行
}
</script>

<a href="javascript:click('http://www.cnblogs.com/chsword/category/86648.html/rss')">Get My Blog Rss</a>
<div id="as">init</div>
</body>
</html>