Question

我有一个ajax php文件，它从我的数据库中检索数据列表。现在，我需要将用JS加载的数据转换为html。

数据显示如下（原始文本）：

var data=[{"a":"1","b":"Post title1","c":"Category","d":"seo-url"},{"a":"2","b":"Post title2","c":"Category","d":"seo-url"},{"a":"3","b":"Post title3","c":"Category","d":"seo-url"}]

我需要在html文件中像这样注释和加载数据：

<a href="website.com/[seo-url]" title="[Post title]"><p>[Post title]<p>Category: [Category]</a>

我该怎么做？

Answer 1

试试这个

jQuery.each(data, function(index, val) {
    $('#container').append('<a href="website.com/' + val.d + '" title="' + val.b + '"><p>' + val.b + '<p>Category: ' + val.c + '</a>');
});

如果从ajax获取数据

jQuery.ajax({
    url: 'website.com/ajax/get_data',
    type: 'POST',
    dataType: 'json',
    success: function(data, textStatus, xhr) {
        jQuery.each(data, function(index, val) {
            $('#container').append('<a href="website.com/' + val.d + '" title="' + val.b + '"><p>' + val.b + '<p>Category: ' + val.c + '</a>');
        });
    }
});

用选择器替换#container

使用JS获取AJAX数据

1 个答案: