Хранить информацию JSON в файле HTML или наоборот - PullRequest
Новая
       9

Хранить информацию JSON в файле HTML или наоборот

0 голосов
/ 06 октября 2018

Этот заголовок может быть немного запутанным, но я не знаю, как его выразить иначе.У меня есть некоторые данные в формате JSON в .json-файле: 

{"foo":"bar", "bar":"foo", "far":"boo"}

и некоторое HTML-содержимое в .html-файле: 

<h1>I'm a Title</h1>
<p>Lorem Ipsum</p>
<br>
<img src="./media/foo.png">

Существует сценарий jQuery, который принимаетданные из обоих файлов ($.getJSON() и $(#div).load()) и создает страницу с некоторой предопределенной головой, использует html в качестве содержимого и данные json для создания там кнопок (key = destination & value = name).

Поскольку в проекте много таких страниц, я бы хотел, чтобы только один файл содержал и мое HTML-содержимое, и данные JSON, поэтому у меня было все, что мне нужно для одной страницы, - доступ к одному файлу.Таким образом, вопрос на самом деле таков: Как я могу хранить данные JSON и HTML в одном файле, чтобы jQuery мог получить к ним доступ, различить и обработать их?

Это часть электронного приложения, но яЯ не уверен, имеет ли это значение для этого вопроса.

1 Ответ

0 голосов
/ 06 октября 2018

Содержимое файла json в предположении, что это объект json, может быть назначено переменной javascript в html-документе в теге сценария.

Затем, чтобы обратиться, например, к foo, вы используетеtheJsonObject.foo;

С помощью следующего фрагмента javascript вы можете увидеть в консоли браузера имя каждого свойства и значение.

То, как вы смешаете это в своем текущем коде, зависит от того, как вы пишетеЭто.Но перед использованием убедитесь, что переменная объявлена. 

for (let prop in theJsonObject) {  
  console.log( prop + ": " + theJsonObject[prop] );
};
<html>
  <head>
      ....
      <script>
         var theJsonObject = {"foo":"bar", "bar":"foo", "far":"boo"};
      </script>
  </head>
  <body>
      ....
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...