document.
в скрипте изменил на тег дива $('#content').
'<', "<!doctype
<!doctype html>
<html lang="ru">
<!doctype
и выдает сразу ошибку.document.
изменить на div $('#content').
, который идет уже внутри страницы, после <!doctype
'parsererror' SyntaxError: Unexpected token '<', "<!doctype "... is not valid JSON
at parse (<anonymous>)
at jquery-3.6.3.min.js:2:79897
at l (jquery-3.6.3.min.js:2:80014)
at XMLHttpRequest.<anonymous> (jquery-3.6.3.min.js:2:82782)
<script>
$(document).on("click", "a", function(evt) {
evt.preventDefault();
var redirect_url = $(this).attr('href');
console.log("here1");
$.ajax({
'url': $(this).attr('href'),
cache: false,
data: {
ajax: true
},
dataType: "json",
success: function(json) {
console.log("here");
if (json.redirect) {
if (json.load_html) {
// Если доступен API истории
if (!(typeof history.pushState === 'undefined')) {
history.pushState({
url: redirect_url,
title: document.title
},
document.title, // Можно также использовать json.title для установки заголовка предыдущей страницы на сервере
redirect_url
);
}
console.log("3");
document.open();
document.write(json.html);
document.close();
} else {
console.log("2");
window.location = redirect_url;
}
} else {
console.log("1");
$('#content').html(json.message);
}
console.log(json.html);
},
});
return false; //что бы не выполнять переход дефолтный
});
</script>
$(document).on("click", "a", function() {
var redirect_url = $(this).attr('href');
$.ajax({
'url': $(this).attr('href'),
cache: false,
data: {
ajax: true
},
dataType: "json",
success: function(json) {
if (json.redirect) {
if (json.load_html) {
// If the History API is available
if (!(typeof history.pushState === 'undefined')) {
history.pushState({
url: redirect_url,
title: document.title
},
document.title, // Can also use json.title to set previous page title on server
redirect_url
);
}
document.open();
document.write(json.html);
document.close();
} else {
window.location = redirect_url;
}
} else {
$('#content').html(json.message);
}
},
});
return false; //что бы не выполнять переход дефолтный
});
$(document).on("click", "a", function(evt) {
evt.preventDefault();
$.ajax({
'url': $(this).attr('href'),
cache: false,
success: function(responce) {
$("#content").html(responce);
}
});
return false; //что бы не выполнять переход дефолтный
});
$(document).on("click", "a", function(evt) {
$.ajax({
'url': $(this).attr('href'),
cache: false,
success: function(responce) {
evt.preventDefault();
$("#content").html(responce);
}
});
return false; //что бы не выполнять переход дефолтный
});
$(document).on("click", "a", function() {
$.ajax({
'url': $(this).attr('href'),
success: function(responce) {
$("#content").html(responce);
$('#content').show(responce);
}
});
event.preventDefault();
return false; //что бы не выполнять переход дефолтный
});
$(document).on("click", "a", function() {
$.ajax({
'url': $(this).attr('href'),
success: function(responce) {
$("#article clearfix").html(responce);
}
});
event.preventDefault();
return false; //что бы не выполнять переход дефолтный
});
fetch("http://localhost/dk/index.php")
.then(function(response) {
// When the page is loaded convert it to text
return response.text()
})
.then(function(html) {
// Initialize the DOM parser
var parser = new DOMParser();
// Parse the text
var doc = parser.parseFromString(html, "text/html");
// You can now even select part of that html as you would in the regular DOM
// Example:
var docArticle = doc.querySelector('article').innerHTML;
console.log(doc);
})
.catch(function(err) {
console.log('Failed to fetch page: ', err);
});
$(document).on("click", "a", function(){
ajax()
return false; //что бы не выполнять переход дефолтный
});
$.ajax({
'url':$(this).attr('href'),
success:function(responce){
console.log('Перехват');
return false; //что бы не выполнять переход дефолтный
}
});
$ ( ... ).on('a',click,function(){
...
ajax()
...
return false; //что бы не выполнять переход дефолтный
})
function(responce)