jquery - 使用JS获取AJAX数据

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 文件中像这样对数据进行 prased 和加载：

<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