Question

I want to load the page without refreshing. While preferring ajax technique the URL won’t crawl in SEO. So I am choosing Hijax techinique to change the content without reload. I am new to this technique. So Kindly anyone suggest the guide for this. Also Say whether it support the dynamic content load? Because I am choosing the content based on the primary key value.

Thanks in advance.

Answer 1

I did something similar using JQuery alone.

If you attach an onClick to the links on your website, the search engines won’t be able to trigger them as they are JS meaning that they can crawl properly. For a JS enabled browser you can catch the onClick, get the URL of the link clicked and then load that using AJAX into a div of your choice.

Here is the JS I used:

$(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);
}

And the hyperlink would be something like:

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

This will load www.example.com into the ajax_container_wrapper div when the link is clicked. If you only want to load a portion of www.example.com then you can substitute this line:

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

with something like this:

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

This will load the content of some_div on www.example.com into your ajax_container_wrapper.