javascript - 使用 javascript 从编码的 json 数据显示实际的 html 或链接

Question

我从 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？我应该以不同的格式返回数据吗？

Answer 1

而不是使用该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/