Задать вопрос
@devsetup
html

Как сделать ajax переход по страницам без обновления всей страницы?

Всем привет. помогите пожалуйста , хочу сделать на сайте динамическое обновление страниц ajax
Есть скрипт от часть кода где выдает ошибку:
function loadPage(argUrl, argType, argParams) {
    loadingBar(1);

    if (argType == 1) {
        argType = "POST";
    } else {
        argType = "GET";

        // Store the url to the last page accessed
        if (argUrl != window.location) {
            window.history.pushState({path: argUrl}, '', argUrl);
        }
    }

    // Request the page
    $.ajax({
        url: argUrl,
        type: argType,
        data: argParams,
        success: function (data) {
            // Parse the output
            var result = jQuery.parseJSON(data);

            // Scroll the document at the top of the page
            $(document).scrollTop(0);

            // Update the document title
            document.title = result.title;

            // Update the document
            $('#app').replaceWith(result.body);

            // Reload functions
            reload();

            loadingBar(0);
        }
    });
}


Ошибка на var result = jQuery.parseJSON(data);
Uncaught SyntaxError: Unexpected token '<', " at Function.parse [as parseJSON] ()
at Object.success

самописный фреймворк
Главный файл майн нем вывод контента 
<?php
           $getUrl = $_SERVER['REQUEST_URI'];
           $getUrl = substr($getUrl, 1);
           ?>


        <?=$content;?>
  • Вопрос задан
  • 167 просмотров
5 комментариев
Подписаться 1 Простой 5 комментариев
Решения вопроса 1
zkrvndm
@zkrvndm
Архитектор решений
Попробуй так:
function loadPage(argUrl, argType, argParams) {
    loadingBar(1);

    if (argType == 1) {
        argType = "POST";
    } else {
        argType = "GET";

        // Store the url to the last page accessed
        if (argUrl != window.location) {
            window.history.pushState({path: argUrl}, '', argUrl);
        }
    }

    // Request the page
    $.ajax({
        url: argUrl,
        type: argType,
        data: argParams,
        success: function (data) {
           
            // Парсим ответ:
            var result = $(new DOMParser().parseFromString(data, 'text/html'));

            // Скролл вверх:
            $(document).scrollTop(0);

            // Обновляем титул:
            document.title = result.find('title').html();

            // Обновляем чисто содержимое блока body:
            $('body').html(result.find('body').html());

            // Reload functions
            reload();

            loadingBar(0);

        }
    });
}
Ответ написан
10 комментариев
10 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка мобильного приложения с дополненной реальностью (AR)
21 нояб. 2024, в 20:14
200000 руб./за проект
Внедрить код Roistat
21 нояб. 2024, в 19:31
500 руб./за проект
VPN приложение на IOS
21 нояб. 2024, в 19:28
200000 руб./за проект
Ещё заказы