IE6 和 7 的 innerHTML 问题

Question

IE6和7的innerHTML问题

我在我开发的应用程序中使用了ajax，但是IE6和IE7存在问题，它们不支持innerHTML。必须使用什么来解决此问题并实现跨浏览器兼容？

示例代码如下所示。

function showFAQ(src, target){
     xhr.onreadystatechange=function(){
       if(xhr.readyState == 4 && xhr.status == 200){
         document.getElementById('resultDiv').innerHTML=xhr.responseText;
       }
    }

    str = "?action=get&request="+src;
    xhr.open("GET", "./requests/data.php"+encodeURI(str), true);
    xhr.send();
}

在FireFox、IE8等主流浏览器中工作正常。只是问题出在 IE6 和 7 上。

任何帮助/建议将不胜感激。

谢谢

Answer 1

IE 无法使用innerHTML 更新只读元素...也请考虑这一点..:)

Answer 2

尝试

var xmlHttp;

function getXmlHttpObject() {
    var xmlHttp = null;
    try {
        // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    } catch (e) {
        // Internet Explorer 6+
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttp;
}

var xhr = getXmlHttpObject();

---

Update

尝试添加

xhr.send(null);

之后

str = "?action=get&request="+src;
xhr.open("GET", "./requests/data.php"+encodeURI(str), true);

Answer 3

从 IE5 开始支持 innerHTML。我认为你的问题是 xmlhttprequest 对象的使用。该功能仅从 IE7 开始受支持。但是，您可以将 ActiveXObject 作为 Stealthyninja 的代码使用。