css - 带有 Jquery 的自动 ajax 选择器

Question

我正在尝试制作一个概念验证网站，但我想要完美降级。因此，我将首先使用纯 XHTML 编写网站代码，然后添加类和 ID 以将它们挂接到 jQuery 中。

我想做的一件事是最终为我的所有链接启用 Ajax xmlhttprequest，以便它们显示在视口(viewport) div 中。我希望此视口(viewport)成为来自多个外部页面的任何 xmlhttprequest 的“通用”转储。

我想知道我是否能够硬编码如下内容:

<a href="blah.html" class="ajax">, <a href="bleat.html" class="ajax">

等正如您所看到的，我给出了所有我想用 ajax 类从中调用 Ajax 请求的链接标记。在我基于 jQuery 的 JS 中，我希望能够对其进行编码，以便所有积极的 ${"a").filter(".ajax") 将自动加载它们各自的 hrefs [变量] 作为 ajax 请求。

请帮忙。我是新手。

Answer 1

根据您的示例，您应该能够:

$('.ajax').click(function () { 
    // Your code here. You should be able to get the href variable and
    // do your ajax request based on it. Something like:
    var url = $(this).attr('href');
    $.ajax({
        type: "GET",
        url: url
    });
    return false; // You need to return false so the link
                  // doesn't actually fire.
});

我建议使用不同于“ajax”的类，因为它使代码读起来有点奇怪，因为 $('.ajax') 可能被误读为 $.ajax ()。

$('.ajax').click() 部分使用类“ajax”为页面上的每个元素注册一个 onClick 事件处理程序，这正是您想要的。然后你使用 $(this).attr('href') 来获得点击的特定链接的 href，然后做任何你想做的事情!