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

我可以使用此链接通过 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>

var url = $(this).attr("href");
alert("Now I want to call this page: " + url);
$.get(url, function (resp) {
    alert("Product added to cart");
});