Question

我有这个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 分开，以便浏览器知道它应该加载哪些数据。但我有点失去了如何做到并把所有东西都放在一个字符串中？

Answer 1

我会做这样的事情。

HTML标记：

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

JS：

$('.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);
    });

});

用class和var构造jQuery选择器

1 个答案: