Question

我想加载页面而不刷新。虽然更喜欢ajax技术，但URL不会在SEO中爬行。所以我选择Hijax techinique来改变内容而不重新加载。我是这种技术的新手。所以请有人建议这个指南。还说它是否支持动态内容加载？因为我选择的是基于主键值的内容。

提前致谢。

Answer 1

我单独使用JQuery做了类似的事情。

如果您将onClick附加到您网站上的链接，搜索引擎将无法触发它们，因为它们是JS，这意味着它们可以正常爬行。对于支持JS的浏览器，您可以捕获onClick，获取单击链接的URL，然后使用AJAX将其加载到您选择的div中。

这是我使用的JS：

$(function(){
    $("a.ajax_link").click(function(e){
        ajaxLink(this, e);
    });
});

function ajaxLink(item, e) {
    var container = $("#ajax_container_wrapper");
    var link;

    if (e != null) {
        e.preventDefault();
    }
    link = $(item).attr("href");
    container.load(link);
}

超链接类似于：

<a href="www.example.com" class="ajax_link">My Link</a>

当点击链接时，这会将www.example.com加载到ajax_container_wrapper div中。如果您只想加载www.example.com的一部分，则可以替换此行：

link = $(item).attr("href");

有这样的事情：

link = $(item).attr("href") + " #some_div";

这会将some_div上www.example.com的内容加载到您的ajax_container_wrapper。

通过hijax动态加载内容

1 个答案: