Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.08.2017, 13:39
Аспирант
Отправить личное сообщение для Sokoljr Посмотреть профиль Найти все сообщения от Sokoljr
 
Регистрация: 27.06.2016
Сообщений: 68

Ajax jquery dataType: html
Всем привет
столкнулся с такой проблемой
есть 2 страницы, с главной идет переход на другую страницу, хочу подгружать ее Ajax

но мне весь html страницы не нужен, нужен только определенный блок без хедера и футера, точнее контент блок, как получить в data?

var btnLink = $('#moveToDesign');

    function moveOutPortfolio() {
        $.ajax({
            url: '/design.html',
            dataType : "html",
            success: function (data) {
                window.history.replaceState('index.html#portfolio-section', 'Design', 'design.html');
                console.log(data);
            }
        });
    }

    btnLink.on('click', function (e) {
        e.preventDefault();
        setTimeout(moveOutPortfolio,1000);
        return false;
    });

Последний раз редактировалось Sokoljr, 06.08.2017 в 13:42.
Ответить с цитированием
  #2 (permalink)  
Старый 06.08.2017, 15:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,144

Sokoljr,
var content = $("<div>", {html: data}).find(".content");
Ответить с цитированием
  #3 (permalink)  
Старый 06.08.2017, 15:47
Аспирант
Отправить личное сообщение для Sokoljr Посмотреть профиль Найти все сообщения от Sokoljr
 
Регистрация: 27.06.2016
Сообщений: 68

рони,
а куда потом переменную content?

var btnLink = $('#moveToDesign');
    var content = $("<div>", {html: data}).find(".content");


    function moveOutPortfolio() {
        $.ajax({
            url: '/design.html',
            dataType : "html",
            cache: false,
            data: content,
            success: function (data) {
                window.history.replaceState('index.html#portfolio-section', 'Design', 'design.html');
                console.log(data);
                $("#ajaxContent").html(data);
            }
        });
    }

    btnLink.on('click', function (e) {
        e.preventDefault();
        setTimeout(moveOutPortfolio,1000);
        return false;
    });


так не работает
Ответить с цитированием
  #4 (permalink)  
Старый 06.08.2017, 15:59
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,144

Sokoljr,

интересно как data, попадёт в строку 2 из строки 12?
перенесите строку 2 в строку 12 и делайте там что хотите.
Ответить с цитированием
  #5 (permalink)  
Старый 06.08.2017, 16:14
Аспирант
Отправить личное сообщение для Sokoljr Посмотреть профиль Найти все сообщения от Sokoljr
 
Регистрация: 27.06.2016
Сообщений: 68

рони,
точно, затупил, спасибо!

а еще такой вопрос, как быть с такой проблемой, при этом же скрипте

/* Ajax loader */
    var btnLink = $('#moveToDesign');

    function moveOutPortfolio() {
        $.ajax({
            url: '/design.html',
            dataType : "html",
            cache: false,
            success: function (data) {
                window.history.replaceState('index.html#portfolio-section', 'Design', 'design.html');
                var content = $("<div>", {html: data}).find("#designPage");
                console.log(content);
                $('#ajaxContent').html(content);
                $('body').css('overflow' , 'visible');
            }
        });
    }

    btnLink.on('click', function(e) {
        e.preventDefault();
        setTimeout(moveOutPortfolio,1000);
    });


все норм, страница подгружается
но когда я жму кнопку 'назад' именно браузерную - http://prntscr.com/g50mzj, то страница не обновляется, остается на той которая подгрузилась ajax-ом, в чем можеть быть проблема?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Jquery Добавление html страницы с таймером alex60070 jQuery 2 22.02.2015 16:12
передать параметры в функцию jQuery AJAX Lion_astana Общие вопросы Javascript 7 21.02.2014 17:25
Объекты, сформированные Ajax запросом не попадают в выборки jQuery AdeL1ne AJAX и COMET 1 13.02.2012 09:44
jquery html и cp1251 bdfy1 Opera, Safari и др. 0 03.10.2011 15:34
Ищу в Минске репетитора по Javascript, Ajax, Jquery Shahmatist Работа 0 19.05.2011 18:07