Получение конкретного блока через ajax?

Question

[Александр]

Здравствуйте, с ajax знаком не так давно, помогите, пожалуйста)
У меня есть такой код:

$('#filter_form').submit(function(e){
        var str = $(this).serialize();
        $.ajax({
            type: "POST",
            url: "./",
            data: str,
            success: function(result){
                $('#users_wrap').html(result);
            }
        });
        return false;
    });

В success я получаю всю страницу, но мне нужен,например, только блок main,а не страница полностью, как это можно реализовать? Большое спасибо всем!

Answer 1

[Иван Волков]

$('#users_wrap').html(result); замените на - console.log($('main').html());
буду телепатом..

Comments

[Иван Волков]

$(result).find('main') конечно, сори

[Александр]

Большое спасибо! Сделал по вашему методу, как сам не догадался...

Answer 2

[dk-web]

Через решетку id блока нужно указать. Могу ошибаться, но метод load нужен.
$( "#result" ).load( "ajax/test.html #container" );

Comments

[Александр]

я делал по этому методу, но что-то не выходило:( Но все равно спасибо вам!

Answer 3

[Иван Корюков]

Нужен отдельный файл, который будет отдавать только main. Можно сделать чтобы сама страница сначала отдавалась пустой, но по окончании загрузки автоматически уходил бы ajax запрос на этот отдельный файл. чтобы получить неотфильтрованные данные. Далее при введении данных в форму фильтра можно делать ajax запросы на тот же отдельный файл и заменять содержимое страницы.

Однако чуть лучшим путём будет включать неотфильтрованное содержимое в страницу еще на этапе её генерации.

Comments

[Александр]

Спасибо большое!