用jQuery AJAX调用方法

Question

我有这段代码可以尝试从Codeigniter的控制器中调用方法，

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

Ajax似乎没有被解雇，是否缺少我所需要的东西，＃Blog表示导航菜单中链接的ID，所发生的全部是该链接正常工作。

有人请帮忙:-(

Answer 1

如果您要覆盖锚点，请记住阻止链接的默认行为（即跳转到链接的页面）。

因此，您可以从更改开始：

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

Answer 2

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

$("#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的文档。