Как заставить контактную форму 7 работать при внедрении через AJAX в WordPress? ⇐ Jquery
-
Гость
Как заставить контактную форму 7 работать при внедрении через AJAX в WordPress?
Я работаю над проектом WordPress, где мне нужно использовать контактную форму 7 как часть ответа AJAX, чтобы проверить, доступны ли определенные данные. Однако я столкнулся с проблемой: форма не работает должным образом.
Вот сценарий: при успешном выполнении запроса AJAX я возвращаю короткий код контактной формы 7 как часть ответа JSON следующим образом:
wp_send_json_success(array( // ... 'form' => apply_shortcodes('[contact-form-7 id="42e8b16" title="Контактная форма 1"]') )); В моем обработчике ответа AJAX я включаю форму в HTML следующим образом:
let formData = data.form; let summary =`${formData}`; document.getElementById('element').innerHTML = сводка; Однако, когда я пытаюсь отправить форму, меня перенаправляют на новую страницу, содержащую только текст «0». Кроме того, консоль браузера регистрирует ошибку 400 Bad Request, указывающую на admin-ajax.php, следующим образом:
domain.localpc/wp-admin/admin-ajax.php 400 (неверный запрос), имя файла: admin-ajax.php#wpcf7-f87-o1:1 Я не уверен, что может быть причиной этой проблемы. Есть ли особый способ заставить контактную форму 7 работать на JavaScript, особенно когда она вводится на страницу в ответ на первоначальный запрос AJAX? Мы будем очень признательны за любые идеи или решения.
Спасибо!
Я работаю над проектом WordPress, где мне нужно использовать контактную форму 7 как часть ответа AJAX, чтобы проверить, доступны ли определенные данные. Однако я столкнулся с проблемой: форма не работает должным образом.
Вот сценарий: при успешном выполнении запроса AJAX я возвращаю короткий код контактной формы 7 как часть ответа JSON следующим образом:
wp_send_json_success(array( // ... 'form' => apply_shortcodes('[contact-form-7 id="42e8b16" title="Контактная форма 1"]') )); В моем обработчике ответа AJAX я включаю форму в HTML следующим образом:
let formData = data.form; let summary =`${formData}`; document.getElementById('element').innerHTML = сводка; Однако, когда я пытаюсь отправить форму, меня перенаправляют на новую страницу, содержащую только текст «0». Кроме того, консоль браузера регистрирует ошибку 400 Bad Request, указывающую на admin-ajax.php, следующим образом:
domain.localpc/wp-admin/admin-ajax.php 400 (неверный запрос), имя файла: admin-ajax.php#wpcf7-f87-o1:1 Я не уверен, что может быть причиной этой проблемы. Есть ли особый способ заставить контактную форму 7 работать на JavaScript, особенно когда она вводится на страницу в ответ на первоначальный запрос AJAX? Мы будем очень признательны за любые идеи или решения.
Спасибо!
