加载网站时,从txt文件获取新闻

时间:2016-01-03 09:34:55

标签: html onload

这是我的代码:

<script type="text/javascript">
                        $(document).ready(function() {
                            $("body").ready(function() {
                                $.ajax({
                                    url : "helloworld.txt",
                                    dataType: "text",
                                    success : function (data) {
                                        $(".slider").html(data);
                                    }
                                });
                            });
                        });</script>

我希望此代码从HTML文件中获取.txt代码并将其添加到此处:

<div class="slider"> <!-- News Slider --> </div>

txt文件包含以下内容:

<div class="callbacks_container">
                            <ul class="rslides" id="slider">
                                <li>              
                                    <h2><a href="http://services.runescape.com/m=news/christmas--zeah?oldschool=1">Zeah</a></h2>
                                    <h3><a href="http://services.runescape.com/m=news/christmas--zeah?oldschool=1">New continent, 50% expansion</a></h3>
                                </li>
                                <li>              
                                    <h2><a href="https://www.facebook.com">Sailing</a></h2>
                                    <h3><a href="https://www.facebook.com">Sail around the world</a></h3>
                                </li>
                                <li>              
                                    <h2><a href="http://services.runescape.com/m=news/old-school-in-2016?oldschool=1">2016</a></h2>     
                                    <h3><a href="http://services.runescape.com/m=news/old-school-in-2016?oldschool=1">Christmas event coming to an end</a></h3>
                                </li>
                            </ul>
                        </div>

上述功能不起作用,我找不到解决此问题的方法。

1 个答案:

答案 0 :(得分:1)

你最后错过了一些大括号,网址应该是/helloworld.txt

/是importamt 我建议使用语法高亮。

<script type="text/javascript">
$(document).ready(function() {
$("body").ready(function() {
    $.ajax({
        url : "/helloworld.txt",
        dataType: "text",
        success : function (data) {
            console.log("executed");
            $(".slider").html(data);
        }
    });
})})
</script> 
相关问题