使用$ .get（）时，JQuery将变量附加到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 / part。之后的URL。

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

您可以使用以下方式创建网址：

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

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

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

选择你的酱汁：）