Загрузка файла json в файл HTML

У меня есть файл JSON, содержащий содержимое HTML. Я хочу загрузить его в свой основной файл HTML, когда пользователь нажимает кнопку.Загрузка файла json в файл HTML

ABC.json содержит:

<li><img src="images/picture6.jpg" /></li> 
<li><img src="images/picture5.jpg" /></li> 
<li><img src="images/picture4.jpg" /></li> 
<li><img src="images/picture3.jpg" /></li> 
<li><img src="images/picture2.jpg" /></li> 
<li><img src="images/picture1.jpg" /></li>

код Javascript, который я использую:

$("button").click(function(){ 
    $.getJSON("javascript/lib/domain.json", function(data){ 
     console.log(data); 
    }); 
});

К сожалению, это не работает.

источник

2012-06-16 Soarabh

, если он содержит только HTMLthen, почему бы вам не сделать это .html? –

Ваш json-файл не json _ – undefined

Файл ABC.json не содержит никаких действительных данных JSON.

Я думаю, что стоит посетить http://www.json.org/. Вы получите лучшее представление о json и о том, как его использовать.

В частности, вы найдете способ передать HTML внутри JSON на разных языках

источник

2012-06-16 14:38:45

Хотя я чувствую, что оригинальный плакат, saorabh должен посетить этот сайт, чтобы увидеть, что на самом деле состоит из JSON, я не чувствую, что это законный ответ; вы просто указываете ему ссылку. Вместо этого вы должны объяснить, что он делает неправильно или почему это невозможно сделать (если это так). – citruspi

Вы правы. Я обновляюсь. –

Приятно слышать! Я с нетерпением жду вашего пересмотренного ответа. – citruspi

Ваш файл .json содержит чистый HTML, а не в формате JSON. Почему бы не использовать .html или .txt? Попробуйте это:

var my_html = $ .parseJSON (data); console.log (my_html);

источник

2012-06-16 15:03:35

Первое спасибо Jhon .. Не могли бы вы направить меня, если я сделаю это как html-файл, а затем как я могу это достичь. – Soarabh

Если это уже html-файл, вы можете загрузить его, используя, например, следующее: $ .load ('list.html', function (data) { console.log (data); }); или $ .get ('list.html', function (data) { console.log (data); }); –

Пожалуйста, измените код:

abc.json

"img": [ 
     {"src": "images/picture6.jpg"}, 
     {"src": "images/picture5.jpg"}, 
     {"src": "images/picture4.jpg"}, 
     {"src": "images/picture3.jpg"}, 
     {"src": "images/picture2.jpg"}, 
     {"src": "images/picture1.jpg"}, 
     ]

Javascript

$("button").click(function(){ 
    $.getJSON("javascript/lib/abc.json", function(data){ 
     console.log(data); 
    }); 
});

источник

2012-06-16 16:39:06

Загрузка файла json в файл HTML

ответ

Смежные вопросы