jQuery 从链接中获取带有变量的 url 并通过 Ajax 发送答案

【问题标题】：jQuery to take url with variables from a link and send it via AjaxjQuery 从链接中获取带有变量的 url 并通过 Ajax 发送
【发布时间】：2009-09-24 20:05:01
【问题描述】：

我可以使用此链接通过 GET 将产品添加到购物车：

<div id="add"><a id="add-link" href="http://localhost/catalog/cart?product_id=8&boutique_id[]=36&func=Module::Cart->add">Add to Cart</a></div>

我想使用 jQuery Ajax 保持在同一页面上（如果启用了 JS）。我已经完成了以下内容，但它当然不起作用。有人可以看看有什么问题吗？谢谢。

<script type="text/javascript">
$(document).ready(function(){

$('a#add-link').bind("click", function(event) {
event.preventDefault();
var url = $(this).attr("href");
    alert("Now I want to call this page: " + url);
$.ajax({
  type: "GET",
  url: "url="+url, 
  success: function() {
    alert("Product added to cart");
  }
});
});

});
</script>

【问题讨论】：

您可以使用 $('a#add-link').click(function(event) { 另外，我希望 Module::Card->add 不会被直接解释为代码。如果你这样做，你就会让自己受到各种攻击。

标签： jquery ajax url get

【解决方案1】：

var url = $(this).attr("href"); alert("现在我要调用这个页面：" + url); $.get(url, 函数 (resp) { alert("产品加入购物车"); });

【讨论】：

【解决方案2】：

您不需要“url=”，只需使用

url: url,

【讨论】：

【解决方案3】：

$(document).ready(function(){
  $('a#add-link').bind("click", function(event) {
    event.preventDefault();
    $.get($(this).attr('href'), function(data, status) {
      alert("Product added to cart");
    });
});

【讨论】：

【解决方案4】：

取出那个“url="+

另外，url 可能不是最好的变量名。

【讨论】：