JQuery 使用 $.get() 时将变量附加到 URL

Question

我正在构建一个应用程序，目前我有一堆链接，按下时会增加一个计数器，然后链接消失。

HAML 看起来像这样：

.button
   %a
      %img{:src => "a.jpg"}
.button
   %a
      %img{:src => "b.jpg"}
.button
   %a
      %img{:src => "c.jpg"}

当我按下按钮时，Javascript 看起来像这样：

$(document).ready(function() {
   $(".button > a").click(function(event) {
      $(this).hide("slow");
      event.preventDefault();
   });
});

我想对链接进行 ajax 调用，该链接将调用方法并在图像旁边增加一个计数器（上面的 html 中未显示），而不使用 $.get() 使 url 立即显现。我知道如何获取 src 属性并将其存储到变量中，但是如何将变量放入 $.get() 函数的 URL 参数中？

递增计数器的 URL 是 $.get("up/a.jpg") ...但我需要将“a.jpg”部分作为变量。

编辑：我不知道如何获取要发送 get 函数的单个图像的 src 属性。

Answer 1

据我了解，您的问题有两个部分：

1. 获取 a.jpg 并将其存储在变量中。
2. 在 up/ 部分之后将其推入 URL。

嗯，第 2 步很简单。假设您设法将 a.jpg 提取到一个名为“thevariable”的变量中。

您可以使用以下方法创建一个 url：

var url = 'up/'+thevariable;
$.get(url)...;

现在提取 a.jpg 并将其存储在变量中 - 您有多种选择：

1. 使用正则表达式
2. 在/上调用整个图片src的split，拉出最后一部分。
3. 通过添加一个附加属性并使用 jQuery 将其拉出，将 a.jpg 部分存储在 HAML 代码的另一部分中。你可以称它为 data-url（twitter 也这样做..）

选择你的酱汁:)