Question

这是test.html：

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<script language=javascript>

$(document).ready(function() {
            $("button").click( function() {
            $.ajax({
            url : "http://localhost:101/test2.html",
            dataType : "html",
            success: function(data){  alert(data);  $("div").html(data);  }
            });
            });
});
/*
$(document).ready(function() {
            $.ajax({
            url : "http://localhost:101/Scripts/testscript.js",
            dataType : "script"
            //success: function(data){    $("#inner-main").html(data);  }
            });
});
*/
</script>
<button> bleh </button>
<div> </div>
</body>
</html>

这是test2.html：

<script type=javascript>
alert("lock and load, outside!");
                                    $(document).ready(function () {
                                        alert("lock and load!");
                                    });    

</script>
<p>Hello, world </p>

我无法让test1加载test2并在其中执行脚本。我得到＆lt; p> （Hello World）显示在div中。但是脚本不执行。我看到的唯一提醒是来自成功的函数。

我做错了什么？

test1.html的网址是http://localhost:101/test1.html

Answer 1

在两个脚本中，更改

<script language=javascript>和<script type=javascript>

到

<script type="text/javascript">

它会起作用。

在学习和使用AJAX之前，我建议您先学习有效的HTML。这不是有效的HTML，为什么jQuery甚至浏览器会正确编译它？

Answer 2

修改：在你的ajax电话中试试这个网址：

url : "test2.html",

希望这会有所帮助。干杯

无法获取Jquery .ajax或.load来执行脚本

2 个答案: