你如何使用JQuery从另一个文件加载HTML片段?

时间:2012-04-13 17:58:15

标签: javascript jquery html

我尝试使用w3学校描述的方法,但似乎只适用于FireFox http://www.w3schools.com/jquery/jquery_ajax.asp

我使用了Try It

上提供的示例
    <html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("div").load('test1.txt');
});
</script>
</head>
<body>

<div><h2>Let AJAX change this text</h2></div>

</body>
</html>

我只是将其设置为在点击后运行onload而不是。它确实在那里工作,但是当我创建自己的页面时,它只适用于FireFox。

编辑:Chrome只具有安全性,可防止在服务器上运行本地文件。

如果有人知道这在旧的IE版本中是如何工作的,那将是一个帮助

2 个答案:

答案 0 :(得分:1)

您的示例适用于Chrome 18。 你可以这样试试:

$(document).ready(function(){
    $.get('test1.txt', function(response) {
        $('div').html(response);
    })
});

答案 1 :(得分:0)

我建议您查看jQuery AJAX功能。它可以使用缓存,然后使用“子别名”$.get