jquery load()(简单的实现不起作用)

时间:2015-08-09 01:13:26

标签: jquery ajax jquery-load

我尝试从w3学校实现简单的第一个例子但由于某种原因文本文件没有加载。 http://www.w3schools.com/jquery/jquery_ajax_load.asp

看起来很简单。按一个按钮,加载文件替换div,但它不起作用。任何帮助将非常感谢谢谢!!

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>

    <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

    <button>Get External Content</button>

    <script>
        $(document).ready(function(){
            $("button").click(function(){
                $("#div1").load("load_file.txt");
            });
        });
    </script>

</body>
</html>

load_file.txt包含以下内容,就像网站包含的那样。

<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>

0 个答案:

没有答案