Загрузите содержимое динамически hijax

Question

Я хочу загрузить страницу без обновления. Хотя предпочитает аякс-метод, 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.