Wordpress Ajax как вставить в кусок кода?

Question

[Илья]

Привет!
Объясните, пожалуйста, как вставить результат ajax-запроса в какой-то блок на странице. Есть обработчик в functions.php, ajax-запрос в отдельном файле, подключенный с помощью wp_enqueue_script и wp_localize_script в том участке кода, где мне нужно динамическое изменение элементов. В запросе через console.log он отображает тестовую строку, которую я написал в обработчике через echo. Через document.write выводит ту же строку, но на новой чистой странице, как будто ничего и не работает. Я что-то упустил, видимо, прошу помощи.
P.S. Никаких данных на отслеживание пока не отправляю, хочу понять, почему ничего не выводится в нужном месте.

Comments

[Максим Грищенко]

ajax запрос делаете через JQuery?

если да, то ту тестовую строку помещайте в нужный блок через:
$("СЕЛЕКТОР_КУДА_ПОМЕСТИТЬ").html(data);

[Илья]

Максим Федоров, Да, jquery.

[Максим Грищенко]

Илья, тогда делай так:
помещай результат в нужный блок через функцию .html()


на картинке выше весь результат (data) помещаю в <div id="cart_informer"></div>

[Максим Грищенко]

Этой одной строчки должно хватить... не нужно весь документ перерисовывать

[Илья]

Потрясающе, работает) А вот подскажите еще, я делаю фильтр записей, по :checkbox.change у меня меняется контент, но первоначального состояния нет. Как его сделать?

$("#block :checkbox").on("change", function () {
        $.post(myajax.url, data, function (response) {
            $("#block").html(response);
        });
    });

[Максим Грищенко]

Илья, не совсем понял что за состояние

[Илья]

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

[Максим Грищенко]

Илья, делайте фильтр через GET параметры... тут уже не помогу, я с Wordpress никогда не работал

[Максим Грищенко]

если хотите в той же манере, можно вынест за функцию обработки change отдельный аякс запрос по умолчанию...

[Максим Грищенко]

примерно так

// Делаем запрос к данным без события
 $.post(myajax.url, data, function (response) {
            $("#block").html(response);
        });

// делаем запрос при изменении чекбоксов
$("#block :checkbox").on("change", function () {
        $.post(myajax.url, data, function (response) {
            $("#block").html(response);
        });
    });

[Илья]

Максим Федоров, Да, точно, не подумал... Это наверное не очень хорошая практика?)

[Максим Грищенко]

Илья,
- ну ваш контент не проиндексируется,
- если вы все приложение так будете делать, то вам не нужно это делать на JQuery (ну если только оно не сильно сложное) а самая дорога к фреймворкам
- иногда полезно выводить так (например комментарии), или меню какое-нибудь... ил и форму, чтобы не спамили
- потом отлаживать -- забудете как вывели контент и будете искать :)

[Илья]

Максим Федоров, Понял, спасибо за помощь =)