1

私はこのajaxリクエストを持っています:

$.ajax({
    dataType: "jsonp",
    url: "http://api.rottentomatoes.com/api/public/v1.0/movies/" + filmID + ".json?apikey=[your_api_key],
    success: dataHandler,
    crossDomain: true
});

filmIDこれは、クリックされたタブに基づいvarて映画を選択するです。idそれから私はこの機能を持っていますdataHandler()。

function dataHandler (data) {
    $(".title").append(data.title);
};

問題は、どのタブをクリックしても問題ではなく、そのタブのデータのみが読み込まれることです。他のタブをクリックしようとしても、うまくいきません。すべてのタブにこのタイトル クラスがあるため、このタイトル クラスと関係があることはわかっています。クラスに追加filmIDして、ブラウザーがどのデータをロードする必要があるかを何らかの方法で分離する必要があります。しかし、私はそれを行う方法を失い、すべてを1つの文字列にまとめましたか?

4

1 に答える 1

0

私はこのようなことをします。

HTML マークアップ:

<div class="tab" id="film1">...</div>
<div class="tab" id="film2">...</div>
<div class="tab" id="film3">...</div>

J:

$('.tab').click(function(){

    var tab = $(this),
        filmID = tab.attr('id');

    var xhr = $.ajax ({
        dataType: "jsonp",
        url: "http://api.rottentomatoes.com/api/public/v1.0/movies/" + filmID + ".json?apikey=[your_api_key]",
        crossDomain: true
    }); 

    xhr.done(function(data){
        tab.append(data.title);
    });

});
于 2013-07-17T07:42:52.643 に答える