入门级有关问题-AJAX教程-爱易网页

入门级有关问题

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

入门级问题
jquery的ajax和原生js的ajax

第一种

HTML code


<!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>Ajax</title>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.onload = function () {
            var xmlhttp;
            if (window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();
            }
            else {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.open("GET", "http://seman.com/ajax.js?version=" + Math.random(), true);
            xmlhttp.setRequestHeader("Content-type", "text/javascript");
            xmlhttp.send();
        }
    </script>
</head>
<body>
    <div style="width:100px;height:100px;background-color:Yellow;">
    </div>
</body>
</html>

第二种

HTML code


<!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>Ajax</title>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $.ajax({
                url: "http:seman.com/ajax.js?version=" + Math.random(),
                dataType:"script"
            });
        })
    </script>
</head>
<body>
    <div style="width:100px;height:100px;background-color:Yellow;">
    </div>
</body>
</html>

其中ajax.js 建立在自己电脑的IIS上，主机头seman.com

ajax.js只有一句话

JScript code


document.getElementsByTagName("div")[0].style.backgroundColor = "red";

改变div的颜色

为什么jquery的有效，原生的不行

------解决方案--------------------
在firefox试了下，没发现问题啊，都可以改变颜色阿？
------解决方案--------------------

探讨

在firefox试了下，没发现问题啊，都可以改变颜色阿？

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

入门级有关问题

相关资料更多>

推荐阅读更多>