Question

目前我正在重建雇主的静态网站，我需要整合新闻部分。我正在使用Bootstrap 3.0框架构建网站。

我想使用以下方法：

让JavaScript从.txt文件读取数据，其中包含一些JSON。例如：

{
"newssection": 
 [
  { "news-date":"Nov. 2013" , "news-header":"Some news 1" , "news-content":"Text 1"}, 
  { "news-date":"Jan. 2014" , "news-header":"Some news 2" , "news-content":"Text 2"}, 
  { "news-date":"Dec. 2014" , "news-header":"Some news n" , "news-content":"Text n"}, 
 ]
}

基本上我希望解析JSON数据，并在网站的新闻部分填充相应的div。我认为jQuery可以做到，它已经在Bootstrap框架中了。

因此，无论何时更新新闻（可能每年两次），都无需触摸HTML，只需替换.txt文件即可。

这里我的问题开始了：我不是程序员，也不知道这样的JavaScrip会是什么样子。如果有人手头有JavaScrip JSON解析器，还有一些代码示例如何使用适当的新闻数据填充div id =“xyz”。

此外，如果有更好的解决方案，请告诉我。 CMS不是一种选择。也许最简单的方法是将JavaScript中的新闻数据集成到.js文件中，因此在这种情况下，只有新的新闻出现时才需要更新.js文件。如上所述，我不是程序员，对所有建议和帮助持开放态度。

提前致谢！

-Markus

Answer 1

好吧，如果你有HTML，你可以做

$(function(){
    $("#IdOfWhereToOutPut").load("theFile.txt");
});

对于JSON

$( function () {

    $.getJSON("foo.json", function(data) {
        var str = "";
        $.each( data.newssection, function( key, val ) {
            str += "<h3>" + val["news-header"] + "</h3><p>" + val["news-content"] + "</p>";
       });
    });

});

静态网站中的伪动态新闻部分

1 个答案: