javascript - 使用 jQuery AJAX 调用方法

Question

我有这段代码来尝试从 codeigniter 中的 Controller 调用方法，

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