Всем привет. Выбросил я jquery. Начал переписывать свой jquery код на ванильный.
юзал я апи истории браузера в jquery так
$('document').ready(function () {
$('#contentHolder').on('click', '.historyAPI', function (e) {
e.preventDefault();
var href = $(this).attr('href');
getContent(href, true);
});
});
window.addEventListener("popstate", function (e) {
getContent(location.pathname, false);
});
function getContent(url, addEntry) {
$.ajax({
url: url,
//async: false,
dataType: 'html',
success: function (msg) {
contentHolder.innerHTML = msg;
if (addEntry == true) {
history.pushState(null, null, url);
}
}
});
}
Теперь пытаюсь переписать это дело на чистый js
Имею
window.onload = function () {
var link = document.getElementById('historyAPI');
link.addEventListener("click",
function (e) {
e.preventDefault();
getContent(link, true);
}, true
)
}
window.addEventListener("popstate", function (e) {
getContent(location.pathname, false);
});
function getContent(link, addEntry)
{
alert(link.href);
if (addEntry == true) {
history.pushState(null, null, link.href);
}
}
Алерт функции go выводит не только часть юрл какую обновляю, но и сам домен. К примеру вместо /edu/1.html от отдаёт gen.ru/edu/1.html В итоге я не могу парсить синхронно код для замены. Как исправить код мой?