Отображение фактического HTML или ссылки из закодированных данных JSON с использованием JavaScript

Question

Отображение фактического HTML или ссылки из закодированных данных JSON с использованием JavaScript

0

Я получаю следующее сообщение от вызова ajax

{"dataList":[{"date":"August 27, 2013","text":"<a href=\"http:\/\/www.example.com\/test.aif\" 
title=\"Click here to listen\" target=\"\">Click here to listen<\/a> to the test from
2013!"},],"record_count":3}

Я добавляю данные на экран, перебирая его...

$.each(data.dataList, function(index, element) {
    $('#news_data').append($('<h1>', {
        text: element.date
    }));

    $('#news_data').append($('<h2>', {
       text: element.text                
    }));
});

Результатом является страница, отображающая весь html, а не фактический URL. Поэтому мой вопрос: как мне получить его, чтобы отображать ссылку, а не HTML? Должен ли я возвращать данные в другом формате?

Cary 13 нояб. 2013, в 06:17

Источник

Теги:

javascript

jquery

json

1 ответ

Ещё вопросы

Nico · Accepted Answer · 2013-11-13T02-23-00.000Z

Вместо использования свойства text попробуйте использовать свойство html такое как

$('#news_data').append($('<h1>', {
    html: element.date
}));

$('#news_data').append($('<h2>', {
    html: element.text

}));

Затем он добавит HTML (как ваши данные html) к элементу, сохраняющему разметку. Вот ссылка на функцию html(), которая действует аналогично свойству html. http://api.jquery.com/html/