如何将一个链接发送参数发送到jquery函数,然后调用ajax函数加载?

时间:2014-12-04 05:47:57

标签: jquery ajax

我一整天都在搜索这个问题,并尽可能地尝试了所有其他变体,但我无法使下面的代码工作。如何将链接发送参数发送到jquery函数,然后调用ajax函数从REST API加载数据?我不希望链接打开新页面,但想要在同一页面上加载数据。 e.preventDefault根本不起作用。所以,看不到任何ajax活动。

 $(document).ready(function(){

   $("$decklist").bind("click", function(event) {

    var url = $(this).attr("href");
    alert("loading via proxy: " + url);
      $.ajax({
        type: "GET",
        url: "http://localhost:8080/flashcardapp/webservices/flashcardapp/",
        data: "url="+url, 
        success: function(data){
          alert("finally got data " + data);
        }
      });
    event.preventDefault();
 });

});

1 个答案:

答案 0 :(得分:0)

这可能只是一个错字。在jQuery选择器(decklist)中尝试#而不是$。示例:

$(document).ready(function(){

    // HERE. Notice how it says #decklist below and not $decklist
    $("#decklist").bind("click", function(event) {
        event.preventDefault();
        // ... the rest of your code
    });
});

此外,我们还没有您的HTML,但我认为您的链接看起来像这样(带有id属性)。确保id="decklist"而不是id="$decklist"

<a href="#" id="decklist">Something</a>