jquery新手无法加载文本文件

时间:2013-06-03 18:43:25

标签: jquery

为jquery完成新手,所以我复制了一个w3schoolsexample并尝试在同一个目录中加载一个文本文件,没有任何乐趣。

我有一个jqueryTest.html文件

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){

$("#div1").load("demo_test.txt");
  });

</script>
</head>
<body>

<div id="div1"></div>


</body>
</html>

demo_test.txt文件是一个单词

testing

当我运行html文件时,我只得到一个空白页

显然是一个简单的错误,但会感激一些帮助

2 个答案:

答案 0 :(得分:0)

您可能希望在脚本代码中将text/javascript指定为脚本的type。我知道在某些情况下,这实际上可能是问题的根源。这意味着将使用以下内容:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script type="text/javascript" >
    $(document).ready(function(){

        $("#div1").load("demo_test.txt");
    });

</script>

另一点,w3schools可能不是学习jQuery的最佳工具。它可以作为参考使用,但是对于jQuery的学习,它不是很具描述性,这可能会阻碍任何可能的学习。

答案 1 :(得分:0)

从文件位置运行网页时,即。 file:///C:/对可运行的脚本有更严格的权限。

确保在测试从Web服务器运行的javascript时,如果它是本地服务器。