jsオブジェクトのコンテンツをhtmlファイルから取り込むにはどうすればよいですか？

Question

私は所有者がhtmlファイルから変更できるようにしたいデータを含むいくつかのjsオブジェクトを持っています。

つまり、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に結果を挿入することができます。それともあなたはユーザーが変更したファイル

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

に値下げを使用して、ブラウザでHTMLに変換する（例えば、Showdown用）Javascriptの値下げライブラリを使用することができます。

多くのデータ形式のライブラリがあり、ブラウザで直接解析して既製のHTMLをページに挿入することができます。