0

データベースからデータのリストを取得する 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>

どうすればいいですか？

4

1 に答える 1

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 をセレクターに置き換えます

于 2013-08-10T17:24:50.717 に答える