如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?

如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?

利用JS的的try{}catch{}功能,我们可以很简单的实现同时兼容多种浏览器的xmlhttp对象调用。

相关代码如下:

如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?<html>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?<head>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?<title>XMLHTTPTest</title>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?<script>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?functionwriteHtml(strurl,element)
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
{
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
try
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?{
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
varstrxmlhttp;
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
try
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?{
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?strxmlhttp
=newActiveXObject("Msxml2.XMLHTTP.3.0");
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?}
catch(e)
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
{
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?strxmlhttp
=newXMLHttpRequest();
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?}

如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?strxmlhttp.open("GET",strurl,false);
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?strxmlhttp.send(
null);
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?document.getElementById(element).innerHTML
=strxmlhttp.responseText;
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
//alert(strxmlhttp.responseText);
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?}

如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?catch(e)
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
{
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?alert(e);
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?}

如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?}

如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
</script>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?</head>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?<body>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?<divid="div1"></div>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?<script>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?try{
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?writeHtml(
"http://localhost/aa.htm","div1");
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?}

如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?catch(e)
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
{
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?alert(e);
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?}

如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?
</script>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?</body>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?</html>
如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?

把以上HTML保存为a.htm并放到本地站点跟目录

如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?

图一、使用FIREFOX浏览效果(http://localhost/a.php)

如何使用XmlHttp编写兼容多浏览器的ajax WEB页面?

图二、使用IE浏览效果