подмена URL с помощью JavaScript без перезагрузки

la_volpe · November 7, 2012

<!--index.html-->
<!DOCTYPE html>
<html>
<head>
<title>page: index</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
  $('a[rel=ajax]').click(function(){
    var url = $(this).attr("href");
    history.pushState(null, null, "second.html");
    $("#content").load(url);
    return false;
  })
})

</script>
</head>
<body>
  <a href="second.html" rel="ajax">Вторая страница</a>
  <div id="content"></div>
</body>
</html>

Взят с этого ресурса. Принцип работы:

-находясь на странице index.html нажимаем на ссылку

-в блок #content подгружается содержимое second.html

-URL меняется на second.html (и при этом не перезагружается вся страница)

-Если мы обновим страницу, то вместо текущей страницы с навигацией загрузится содержимое second.html

Прошу помочь, как сделать так чтобы можно было грузить не только "second.html" а вообще любую, т.е не писать каждый раз ссылку в скрипт. Заранее премного благодарю!

Edited November 7, 2012 by la_volpe

nerv · November 7, 2012

в поиск javascript history api

Sign In

подмена URL с помощью JavaScript без перезагрузки

Question

la_volpe

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

nerv

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information