使用javascript从编码的json数据显示实际的html或链接(Displaying actual html or link from encoded json data using javascript)

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

I have the following being returned from an ajax call
 
{"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}
 
I'm adding the data to the screen by looping through it...
 
$.each(data.dataList, function(index, element) {
    $('#news_data').append($('<h1>', {
        text: element.date
    }));

    $('#news_data').append($('<h2>', {
       text: element.text                
    }));
});
 
The result is the page displaying all the html and not the actual URL. So my question is: How do I get it to actually display the link and not the HTML? Should I be returning the data in a different format?

原文：https://stackoverflow.com/questions/19945218