调试了一个星期苦逼ajax，除了IE其它均能获取数据，求高人！解决方案-AJAX教程-爱易网页

调试了一个星期苦逼ajax，除了IE其它均能获取数据，求高人！解决方案

日期：2014-05-16　浏览次数：20680 次

调试了一个星期苦逼ajax，除了IE其它均能获取数据，求高人！
不多说了，直接上源码，高手们帮帮我这只笨鸟吧，就只有IE不能显示，坑爹的。功能是类似那种省市联动

HTML code

<script>
function ajax(){
    val = document.getElementById("Sort_One").value 
    var xmlhttp;
    if (window.XMLHttpRequest){
        xmlhttp=new XMLHttpRequest();
    }
    else{
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    xmlhttp.onreadystatechange=function(){
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            document.getElementById("SortOne").innerHTML=xmlhttp.responseText;
        }
    }
xmlhttp.open("GET","ajax.asp?t="+Math.random()+"&val="+val,true);
xmlhttp.send();
//xmlhttp.open("POST","ajax.asp",true)
//xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//xmlhttp.send("val="+val+"&t="+Math.random());
}
</script>

HTML code

    
        val = request("val")

    sortone_sql = "select * from Phone_SortOne where Content_Sort_ID="&val

    set query_SortOne = Conn.execute("select * from Phone_SortOne where Content_Sort_ID="&val)
    while not query_SortOne.eof
        response.write "<option>"&query_SortOne("Content_SortOne_Name")&"</option>"
        query_SortOne.movenext
    wend

------解决方案--------------------
楼主看看这个例子就知道你做的在ie下无效果的原因了
在ff 和 ie 下对比看

HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>    
        <style>
        </style>        
    </head>
    <body>
        <select id="test"></select>
        <script>
            function $(el){
                return typeof el == 'string' ? document.getElementById(el) : el;
            }
            $('test').innerHTML = '<option>1</option>'
        </script>
    </body>
</html>

------解决方案--------------------
这是IE 的一个BUG，微软的BUG申明中注明了两种解决方案：  
1. 如果您必须使用 innerHTML ，一种替代方法是使用一个 div 对象封装 SELECT 元素和然后设置 div 对象的 innerHTML 属性。
如：
HTML code
<div id="div1">
<select id="sel1" ></select>
</div>
<script>
window.onload=function(){
    document.getElementById("div1").innerHTML="<select id='sel1'><option>a</option></select>";
}
</script>

2、使用new Option()对象，然后添加到下拉框控件中。
推荐使用这种。

------解决方案--------------------
兼容问题      汗~
  1楼说的好！

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

调试了一个星期苦逼ajax，除了IE其它均能获取数据，求高人！解决方案

相关资料更多>

推荐阅读更多>