使用$ .get（）时将JQuery Append变量附加到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”的变量中。

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

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

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

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

选择你的酱:)