0

次のコードを使用して、グルーポン API から取引を引き出すことができました。

$.ajax({
type: 'GET',
url: 'https://api.groupon.com/v2/deals.json?    client_id=b252ad3634a4ab2985b79d230ccc4e49a3ea9d19&show=all&division_id=los-angeles',
async: false,
jsonpCallback: 'jsonCallback',
contentType: "application/json",
dataType: 'jsonp',
});

css でスタイルを設定できるように、取引情報を html div に追加する方法を教えてください。取引のタイトル、転換点、価格などの一部のデータのみが必要です。よろしくお願いします

4

3 に答える 3

1

ajax リクエストの成功コールバックを登録しdeals、サーバーから返されたデータを使用してデータをレンダリングする必要があります。

サーバーから返された取引データには、、 、、、、、、などの多くのプロパティがtypeあり、それを使用してビュー表現を作成し、ビューに追加できます。finePrintannouncementTitledealUrlhighlightsHtmlpitchHtmlplacementPriorityredemptionLocationstartAtstatusendAt

以下の例では、 を使用しhighlightsHtmlて取引のハイライトを表示しています

<div id="result">
</div>

それから

var $result = $('#result')
$.ajax({
    type: 'GET',
    url: 'https://api.groupon.com/v2/deals.json?client_id=b252ad3634a4ab2985b79d230ccc4e49a3ea9d19&show=all&division_id=los-angeles',
    async: false,
    jsonpCallback: 'jsonCallback',
    contentType: "application/json",
    dataType: 'jsonp',
}).done(function(data){
    console.log(data)
    $.each(data.deals, function(idx, deal){
        var html = '<div class="deal"><h3>' + deal.announcementTitle+ '</h3><div class="fineprint">' + deal.finePrint + '</div><div class="footer"><img src="' + deal.mediumImageUrl + '"/></div></div>'
        $result.append(html)
    })
});

デモ:フィドル

于 2013-08-14T02:44:54.730 に答える
-1

ノックアウトjsを試してください。Ajax を javascript のビュー モデルに簡単に変換し、スタイリングして画面に表示することができます。

于 2013-08-14T02:43:45.773 に答える