1

更新せずにページを読み込みたい。ajax 手法を好む一方で、URL は SEO でクロールされません。そのため、リロードせずにコンテンツを変更する Hijax 手法を選択しています。私はこの技術に不慣れです。ですから、親切にこのガイドを提案してください。また、動的コンテンツの読み込みをサポートしているかどうかも教えてください。主キーの値に基づいてコンテンツを選択しているためです。

前もって感謝します。

4

1 に答える 1

2

JQueryだけを使って似たようなことをしました。

onClickをWebサイトのリンクに添付すると、検索エンジンは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>

これは、リンクがクリックされたときにdivにロードwww.example.comされます。ajax_container_wrapperの一部のみをロードする場合は、次のwww.example.com行に置き換えることができます。

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

このようなもので：

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

some_divこれにより、のコンテンツがに読み込まwww.example.comれますajax_container_wrapper。

于 2013-02-14T11:41:39.517 に答える