AJAX请求,获取具有相同类的多个链接的href属性

时间:2012-10-28 02:52:43

标签: javascript jquery ajax

我正在编写一段jQuery,说明是否单击了.ajaxLink,然后将其带到URL并将其应用于ajax调用,如下所示:

$(".ajaxLink").click(function (e) {
    e.preventDefault();
    removePreviousData(); // removes any div that might be loaded in #content
    jQuery.ajax({
        type: 'GET',
        url: $(this).attr('href'),
        success: function (data, textStatus) {
            $(data).appendTo('#content');
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {},
        complete: function (XMLHttpRequest, textStatus) {
            loadedData() // applies some relative animations for loaded content
        }
    });
    return false;
});

这适用于我点击的第一个链接,但由于我在使用此类的同一页面上有多个链接,当我点击第二个链接时,它只会加载相同的数据。如何将其应用于每个.ajaxLink(假设.each(),但无法运行)。

谢谢!

1 个答案:

答案 0 :(得分:1)

如果您希望#content仅显示所点击链接的href内容,则必须将#content的内容替换为不附加内容。

    success: function (data, textStatus) {
        $('#content').html(data);
    },