weixin_33736649 2015-06-20 20:26 采纳率: 0%
浏览 24

在AJAX中加载整个页面

Currently, I have a wordpress website. I want to load the whole page of the website. I am aiming to put a footer player on the website, and that will only work if the rest of the pages are loaded with AJAX.

The goal is to click on the link of for example an article, and that then the website with the article will load. Because the lay-out of the article page differ from the homepage, just loading one div is not enough (see http://newtheme.favoritefm.com).

I have tried this:

$.fn.initLinks = function() {
    $("a",this).click(function() {
        var url = $(this).attr("href");
        // transition to loading phase ...
        // Ajax post parameter tells the site lo load only the content without header/footer
        $.post(href,"ajax=1",function(data) {
            $("#content").html(data).initLinks();
            // transition to normal phase ...
        });
        return false;
    });
};

$(function() {
   $("body").initLinks();
});

Doesn't do anything. What to do?

  • 写回答

1条回答 默认 最新

  • weixin_33725515 2015-06-20 21:20
    关注

    Use the full jQuery Ajax Method: $.post instead of $.post.

    So your code should look like this:

        $.fn.initLinks = function() {
        $("a", this).click(function() {
            var url = $(this).attr("href");
            // transition to loading phase ...
            // Ajax post parameter tells the site lo load only the content without header/footer
            $.ajax({
                url: url // your href attr..
    
                    success: function(data) {
    
                    $("#content").html($(data).filter('#content').html());
    
                    // This fills in the #content on the current page with the html in #content from
                    // the Request page
                },
                error: function() {
                    alert('Could not load Data!!');
                }
            });
            return false;
        });
    };
    
    $(function() {
        $("body").initLinks();
    });
    
    评论

    报告相同问题?

    悬赏问题

    • ¥80 关于海信电视聚好看安装应用的问题
    • ¥15 vue引入sdk后的回调问题
    • ¥15 求一个智能家居控制的代码
    • ¥15 ad软件 pcb布线pcb规则约束编辑器where the object matpcb布线pcb规则约束编辑器where the object matchs怎么没有+15v只有no net
    • ¥15 虚拟机vmnet8 nat模式可以ping通主机,主机也能ping通虚拟机,但是vmnet8一直未识别怎么解决,其次诊断结果就是默认网关不可用
    • ¥20 求各位能用我能理解的话回答超级简单的一些问题
    • ¥15 yolov5双目识别输出坐标代码报错
    • ¥15 这个代码有什么语法错误
    • ¥15 给予STM32按键中断与串口通信
    • ¥15 使用QT实现can通信