WordPress использовать AJAX при загрузке страницы из URL получить параметры

Question

Итак, я строю поиск на веб-сайте, а основная поисковая форма находится на домашней странице, где пользователь может вводить информацию, например, интересы, книги, фильмы.

И эта форма должна быть отправлена ​​на другую страницу, где будет отображаться поиск.Так что это похоже на любой другой поиск, но на странице поиска, я должен сохранить параметры в URL, так что это не будет POST, это будет GET.

Домашняя страница что-то вроде mywebsite.com

А когда форма отправлена, она публикуется с параметрами GET, чтобы пользователь мог сохранить результаты поиска в своем URL.Отправленное сообщение должно привести к чему-то вроде.

mywebsite.com/search?interests=sports&books=harry+potter&movies=moviename

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

Я уже несколько раз загружал контент ajax, а также публиковал и загружал данные с помощью ajax, но, несмотря на то, что, оставаясь на той же странице, я никогда не создавал, когда вы отправляете контент изодна страница на другую в WordPress.

Любые предложения, как я могу сделать это и заставить AJAX захватить содержимое?

Answer 1

Я нашел ответ, и на самом деле это довольно просто, вместо этого вызывая ajax с функцией, например, функцией с нажатием кнопки.

Просто запускайте ajax при загрузке страницы и не ставьте скрипт в очередь где-либо еще, кроме какна этой странице это немного поможет.

if ( is_page_template('template-search.php') ) {
    wp_enqueue_script('ajax_search');
}

Это обеспечит загрузку скрипта только на этой странице шаблона, а что касается самого скрипта, просто загрузите ajax на страницу, готовую:

jQuery(document).ready(function($) {
jQuery.ajax({
    dataType: 'json',
    url: search_flight.ajaxurl,
    data: {
        action: 'search_flight',
    },
    beforeSend: function() {

    },
    success: function(data) {
        console.log(data);
    },
    error: function() {
    }
});
});