从单击使用属性作为变量进行AJAX调用。

I have a link

我有一个链接

<a id="container" value="{$variable}" href="#">Click This</a>

That I would like to use to POST via an AJAX call.

我想通过一个AJAX调用来发布。

Here is my code.

这是我的代码。

$('#container').click(function(event){
   event.preventDefault();
   $.post('/cart.php?mode=add&productid={$variablegoes here}&amount=1&redirect_from_cart=Y', function(response){
      alert(response);
   });
});

1 个解决方案

#1

Easy, just read the attribute, encode with encodeURIComponent, and concatenate the value into the string.

很简单，只需读取属性，使用encodeURIComponent进行编码，并将值连接到字符串中。

$('#container').click(function(event){
    event.preventDefault();
    var variable = $(this).attr('value');
    $.post('/cart.php?mode=add&productid=' + encodeURIComponent(variable) + '&amount=1&redirect_from_cart=Y', function(response){
        alert(response);
    });
});

The a tag does not normally have a value attribute however, so I would recommend using a data attribute instead to keep the HTML nice and valid.

但是，一个标签通常没有一个值属性，所以我建议使用数据属性来保持HTML的良好和有效。

<a id="container" data-value="{$variable}" href="#">Click This</a>

$('#container').click(function(event){
    event.preventDefault();
    var variable = $(this).attr('data-value');
    $.post('/cart.php?mode=add&productid=' + encodeURIComponent(variable) + '&amount=1&redirect_from_cart=Y', function(response){
        alert(response);
    });
});

1 个解决方案

#1

更多相关文章

随机推荐