Смена URL при AJAX запросе

Question

Я отсылаю AJAX запрос вот такого вот вида:

$(document).ready(function(){  
    $('#blog_url').click(function(){  
        $.ajax({  
            url: "blog.php",  
            cache: false,  
            success: function(html){  
                $(".row").html(html);  
                window.location.hash = 'blog.php';
            }
    });
});

Изменение URL идет но ссылка становиться вида site.ru/blob.php#blog.php

Подскажите, как сделать так чтобы ссылка становилась вида site.ru/blog.php?

добавлю:Синьер, ссылку в виде site.ru/blog.php вы не получите с помощью location.hash,так как location.hash отвечает именно за хэш(сорри за французский) он же anchor. — Vfvtnjd, Dec 29 '12 at 12:01

dlarchikov · Accepted Answer · 2012-12-29T11:57:24.777

5

Ну или

window.location.href = "http://"+window.location.domain+"/blog.php";

edited Dec 29 '12 at 11:57

answered Dec 29 '12 at 11:56

dlarchikov

4,403

score 1 · Answer 2 · edited Jun 12 '20 at 12:52

На ХэшКоде подобный ответ уже давался:

Строчка, которая изменит мир

Хабр:

Введение в HTML5 History API

Как всегда, в браузерах, которые уже давно пропахли нафталином, в частности в IE6, вся эта "радость" не работает. В последних, переход по ссылкам можно сделать через хэши "#!" (SEO-хеш).

Существуют множество библиотек, которые существенно упрощают работу с url-ом.

pjax - не работает с хэшами (принципиальная позиция автора);
address - работает с хэшами;
history.js.

Ключевые запроса для поиска: "replaceState" и "pushState".

score 0 · Answer 3 · answered Dec 29 '12 at 10:40

0

нет, ну почему не поискать в нете информации уже просто море!

window.history.replaceState(“object or string”, “Title”, “/another-new-url”);

answered Dec 29 '12 at 10:40

Artem

11,965

1

Добавлю, чтоб ТС меньше голову ломал )) HTML5-History-API, внизу на странице, есть мануал на русском. Там же полезные ссылки и демо. – Deonis Dec 29 '12 at 11:04
во-во. уж ссылки я не стал выкладывать. – Artem Dec 29 '12 at 11:10

Sergiks · Answer 4 · 2012-12-29T11:54:39.433

event.preventDefault(), чтобы сам клик не отрабатывал, может, поможет?

$(document).ready(function(){
    $('#blog_url').click(function(e){  
        e.preventDefault();
        $.ajax({  
            url: "blog.php",  
            cache: false,  
            success: function(html){  
                $(".row").html(html);  
                window.location.hash = 'blog.php';
            }
        });
    });
});

Смена URL при AJAX запросе

4 Answers4