Как вывести выборочный html контент страницы ajax запросом?

Question

[Антон Покачалов]

На страницу ajax-м передается методом post определенный параметр, там выводится определенный html в зависимости от его значения.

$.ajax({
    url: "test.php",
    type: "POST",
    data: {parametr: id},
    dataType: "html",
    async: true,
    success: function (data) {
        $('.block').html(data); //так тупо выводится весь html
        $(".block").load("test.php .test"); //так не учитывается переданный параметр
    }
});

Comments

[Антон Покачалов]

появилась очередная проблема: для появившегося контента не работает js скрипт, хотя элементы идентичны, изменилось только их содержимое и их число в некоторых случаях.
ps: если вывести весь html, то скрипт нормально отрабатывает.
с чем это мб связано?

[Terminaft]

@nicenice: нужно заново вешать евенты, либо изначально вешать евент на body и через data-* атрибуты их обрабатывать

[Антон Покачалов]

можно поподробнее про "изначально вешать евент на body и через data-* атрибуты их обрабатывать"? особенно про data-* атрибуты.

у меня ивенты обрабатывают контент в модальном окне.
решил проблему с помощью функции on(), привязав события к селекторам, в не зависимости от времени их появления.
но интересно узнать другие способы.

[Петруша Укропов]

$(".block").load("test.php?parametr="+id+" .test");

Answer 1

[Виталий Киренков]

Наверное гугл знает
https://www.google.ru/search?q=.load+javascript&ie...

Проверьте как делается передача параметра. Возможно проблема в бэкенде.

Comments

[Антон Покачалов]

спасибо! так все работает: $(".block").load("test.php .test", {parametr: id});

[Виталий Киренков]

@nicenice: ну и замечательно =))

Answer 2

[Terminaft]

$('.block').html(jQuery(data).find('.test').html());

Comments

[Антон Покачалов]

спасибо! а я пробовал так: $('.block').find('.test').html(data); но безрезультатно

Answer 3

[YemSalat]

Нужно разобраться что такое ajax запрос, как работает метод jquery load() и не задавать тупых вопросов.