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的文档。

用jQuery AJAX调用方法

2 个答案: