Ajax динамическая нагрузка страница

Question

HTML index.php

<a class="cart-icon" href="cart"></a> 
<div class="content"></div> 

Ajax для загрузки содержимого из нагрузки содержание/cart.php

$(document).ready(function(){ 
    $(document).on('click', '.cart-icon', function(e){ 
     e.preventDefault(); 
     var page = $(this).attr("href"); 
     $('.content').load('load-content/'+page+'.php'); 
    }); 
}); 

Этот код будет загружать содержимое из cart.php, но не обновить URL поэтому, когда я обновляю страницу, содержимое в этом div исчезает. Я хочу это, когда обновляю страницу, она не исчезнет, ​​а также обновит URL-адрес.

Например: URL по умолчанию: index.php и когда я нажать на тег будет загружать содержимое из cart.php и URL обновления на index.php/нагрузки содержание/cart.php

Answer 1

Вам нужно постоянное хранение вид. Все, что вы загружаете в DOM страницы, является временным. Вы могли бы просто сделать то же самое, что вы делаете здесь, на документе нагрузки:

$(document).ready(function(){ 
    $('.content').load('load-content/'+page+'.php'); 
    $(document).on('click', '.cart-icon', function(e){ 
     e.preventDefault(); 
     var page = $(this).attr("href"); 
     $('.content').load('load-content/'+page+'.php'); 
    }); 
});