Routers and jquery ajax

#1

i am making profile page and using ajax calls to switch between navbars
when i am switching between icons in navigation bar i want url to also change like
/profile for profile page and /home for home page so that i can directly access the profile page without visiting the home page

how can we combine routers with ajax calls
and how to pass html pages in routers

i am using this code in jquery:

$.get(“home.html”,function(data,status){
$(’#content’).empty()
$(’#content’).html(data)
})

home.click(function(){
    $('#content').empty()
    $.get("home.html",function(data,status){
        $('#content').html(data)
    })
})

profile.click(function(){
    $('#content').empty()
    $.get("profile.html",function(data,status){
        $('#content').html(data)
    })
})