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/

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

1 个答案: