1

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

提前致谢。

4

1 回答 1

2

我单独使用 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到div 中。ajax_container_wrapper如果您只想加载其中的一部分，www.example.com则可以替换此行：

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

像这样：

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

这会将some_divon的内容加载www.example.com到您的ajax_container_wrapper.

于 2013-02-14T11:41:39.517 回答