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

来源:互联网 发布:民生证券交易软件 编辑:程序博客网 时间:2024/04/29 05:54

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

相关代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    
<head>
        
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
<title>XMLHTTP Test</title>
        
<script>
        
function writeHtml(strurl,element)
        
{
         
try
         
{  
             
var strxmlhttp;
             
try
            
{
             strxmlhttp 
= new ActiveXObject("Msxml2.XMLHTTP.3.0");    
            }
catch(e)
            
{
                strxmlhttp 
= new XMLHttpRequest();
            }

            strxmlhttp.open(
"GET",strurl,false);
            strxmlhttp.send(
null);
            document.getElementById(element).innerHTML
=strxmlhttp.responseText;
            
//alert(strxmlhttp.responseText);    
         }

         
catch(e)
         
{
             alert(e);
            
         }

        }
    
        
</script>
    
</head>
    
<body>
        
<div id="div1"></div>
        
<script>
            
try{
        writeHtml(
"http://localhost/aa.htm","div1");
        }

        
catch(e)
        
{
          alert(e);        
        }

        
</script>
    
</body>
</html>

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

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

使用IE6的浏览效果

                                图二、使用IE浏览效果

原创粉丝点击