如何使js对象的内容从html文件中提取？

Question

我有一些js对象，其中包含要创建的数据，以便所有者可以从html文件进行修改。

换句话说，js对象位于其自己的js文件中，但恐怕在对象中编辑数据的人员可能会删除/更新实际代码...基本上，我想将其作为白痴证明。 因此，我正在考虑将数据保存在html文件甚至.txt文件中，以使编辑超级容易。

基本上像A1，A2，A3，A4，B1，B2等之类的东西……我希望它们以最简单的方式位于单独的文件中。 有任何想法吗？

这是我拥有的对象的示例：

 var objOne = [ {first: 'A1', second: 'A2', third: 'A3', fourth: 'A4'}, {first: 'B1', second: 'B2', third: 'B3', fourth: 'B4'}, {first: 'C1', second: 'C2', third: 'C3', fourth: 'C4'} ]; var objTwo = [ {first: 'D1', second: 'D2', third: 'D3', fourth: 'D4'}, {first: 'E1', second: 'E2', third: 'E3', fourth: 'E4'}, {first: 'F1', second: 'F2', third: 'F3', fourth: 'F4'} ]; $('.div span').html( objOne[0].fourth + ' >> ' + objTwo[2].third); 

 <div class="div">Element: <span></span></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

谢谢你们。

塞尔吉奥

Answer 1

那就是jquery的目的。 您可以加载纯文本文件

$.get('/path/to/file.txt', function(response) {
    var data = response;
}, 'text');

然后在浏览器中进行解析，然后将结果插入HTML中。 或者您可以在用户修改的文件中使用Markdown

$.get('/path/to/file.md', function(response) {
    var data = response;
    var converter = new Showdown.converter();
    var html = converter.makeHtml(data);
    $('.content').html(html);
}, 'text');

然后使用JavaScript markdown库（例如Showdown ）在浏览器中将其转换为HTML。

有许多数据格式的库，可以直接在浏览器中解析它们，然后将现成的HTML插入页面。