Question

我有几个js对象包含我想要的数据，以便所有者可以从html文件进行修改。

换句话说，js对象存在于自己的js文件中，但我担心编辑对象中数据的人可能会删除/更新实际代码...基本上我想让它成为白痴证明。所以我想把数据放在一个html文件甚至一个.txt文件中，使编辑变得非常容易。

基本上是A1，A2，A3，A4，B1，B2等等......我希望那些以最简单的方式存在于单独的文件中。有什么想法吗？

以下是我拥有的对象示例：

＆＃13;

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);

＆＃13;

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

＆＃13;

谢谢大家。

塞尔吉奥

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插入到页面中。

我怎样才能制作js对象＆＃39;内容是从html文件中提取的？

1 个答案: