调用方法与jQuery的AJAX

问题描述：

我有这样的代码，试图从我的控制器笨调用一个方法，调用方法与jQuery的AJAX

$("#Blog").click(function() { 
     var url = $(this).attr("href"); 
     $.ajax ({ 
      url: "index.php/home/category", 
      type: "POST", 
      success : function (html) { 
       $("#right-content").append(html); 
      } 
     }); 
    });

似乎阿贾克斯并没有被解雇，是有，我失去了一些东西， #Blog代表我的导航菜单中链接的ID，发生的所有情况都是链接正常工作。

有人请帮助:-(

值得注意的是，调用的方法获取URL的URI来构造数据库查询，所以我不确定POST是否是正确的参数 – Udders 2009-12-08 11:04:57

答

您需要防止发生正常链接行为

$("#Blog").click(function (e) { 
    var url = $(this).attr("href"); 

    // Block the normal click action 
    e.preventDefault(); 

    // Create post 
    $.post (
     "index.php/home/category", // <- request URI 
     {url: url},    // <- any data goes here 
     function (html) {   // <- callback 
      $("#right-content").append(html); 
     } 
    }); 
});

。

此外，您可能想查看$.post的文档。

答

如果您overridding点击锚，记得要阻止链接的默认行为（即跳转到链接的页面）。

所以，你可能有一个开始改变：

$("#Blog").click(function (ev) { 
      ev.preventDefault(); 
      var url = // ... the rest as before.

调用方法与jQuery的AJAX

相关推荐