Задать вопрос
@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;?>
  • Вопрос задан
  • 172 просмотра
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 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Расшифровать требуемые параметры из CAN-шины авто Chery Tiggo 7 Pro
23 дек. 2024, в 00:27
20000 руб./за проект
Отправка команды на (раз)блокировку двигателя Chery Tiggo 7 Pro
23 дек. 2024, в 00:15
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы