Как обратиться к главной форме и передать ей данные с другого input?

Question

[Genri_Rus]

Всем хорошего настроения )
Вот возник такой вопрос, к примеру есть главная форма, которая находится в searchform.php

<form id="sendform" action="<?php echo home_url(); ?>/" method="get">
<input class="myclass" type="text" name="s" id=search">
</form>

А в index.php такой input:

<input class="myclass" placeholder="Поиск" type="text" value="" name="s" id="search">

К примеру у меня разные стили input-ов, как передать данные из index.php в searchform.php, если в index.php нету главной формы, а просто один input ?

У меня есть вот такой участок jquery кода:

jQuery(document).ready(function(){
var myVar = $.trim($(this).val());
if(searchTerm.length > 2){
if(eventObject.keyCode == 13){
					$('#sendform input[name="s"]').val(myVar);
                                        $('#sendform').submit();
					return;
				}
                          $.ajax({
				url : '/wp-admin/admin-ajax.php',
				type: 'POST',
				data:{
				});
}
});
...

Но т.к. главная форма находится в searchform.php, а данные передаются из index.php, то мне выходит в консоли ошибки типа:

my-ajax.js?ver=5.0.3:38 Uncaught TypeError: Cannot read property 'length' of undefined
at goSubmit (my-ajax.js?ver=5.0.3:38)

Можно ли сделать проверку, чтобы один Ajax подключал форму searchform.php, а другой - admin-ajax.php посылал запросы на сервер в БД и выводил их оттуда ?

Главный вопрос, как через Ajax вызвать файл searchform.php и передать его потом во второй Ajax - admin-ajax.php

Comments

[DanKud]

А зачем вам вообще вызывать страницу с формой? Надо слать AJAX-запрос сразу же на страницу где обрабатываются данные формы. На home_url()

$.ajax({
    type: 'GET',
    url: <?php echo home_url(); ?>,
    data: {
        s: $('#search').val()
    },
    success: function(data) {
        $('body').html(data);
        /* либо создаете здесь еще один AJAX-запрос на страницу admin-ajax.php
        и передаете нужные данные */
    }
});

Та ошибка, которую вам показывает консоль, не имеет к AJAX никакого отношения. Вам показывает, что вы пытаетесь вызвать свойство length у переменной, которая не является объектом и такого свойства не имеет.

[Genri_Rus]

DanKud, вот мой код:

jQuery(document).ready(function($){
  $('.myclass').keyup(function(eventObject){
    console.log("!")
    var searchTerm = $(this).val();
    if(searchTerm.length > 2){    
      if(eventObject.keyCode == 13){
      	$('#sendform input[name="s"]').val(searchTerm);
        goSubmit();
        return;
      }
      $.ajax({
      url : <?php echo home_url(); ?>,
      type: 'POST',
      data:{
        'action':'',
        'term'  :searchTerm
      },
      success:function(result){
      } });
    }
  $("#mybutton").click(function(){
   if(($('#sendform input[name="s"]').val().length) == 0){
      return false;
    } else {
      	$('#sendform input[name="s"]').val($('.myclass').val());
   	  goSubmit();
    }
  }) });
   function goSubmit(){
   		if(($('#sendform input[name="s"]').val().length) == 0){
        return false;
      } else {
        $('#sendform').submit();
      }
    }
});

Мне нужно проверить данную форму с id="#sendform" из searchform.php, что посоветуете сделать ?

[Genri_Rus]

DanKud, вот так почему-то не работает

jQuery(document).ready(function(){
	$('.myclass').keyup(function(eventObject){
		var searchTerm = $.trim($(this).val());
		if(searchTerm.length > 2){
				if(eventObject.keyCode == 13){
					$('#sendform input[name="s"]').val(searchTerm);
					goSubmit();
					return;
				}
			$.ajax({ 
				type: 'GET',
				url: <?php echo home_url(); ?>,
				data: {
					s: $('#search').val(),
					'term'  :searchTerm
				},
				success: function(data) {
					$.ajax({
						url : '/wp-admin/admin-ajax.php',
						type: 'POST',
						data:{
							'action': вызываю функцию, которая находится в function.php для поиска статей',
							'term'  :searchTerm
						},
						success:function(result){
						} });
				}
			});
		};
	$("#mybutton").click(function(){
		if(($('#sendform input[name="s"]').val($('.myclass').val()).length) == 0) {
			return false;
		} else {
			$('#sendform input[name="s"]').val($('.myclass').val());
			goSubmit();
		}
	}) });
	function goSubmit(){
			if(($('#sendform input[name="s"]').val().length) == 0){
				return false;
			} else {
				$('#sendform').submit();
			}
		}
	}
});

[DanKud]

Вам вообще не нужно обращаться к searchform.php из index.php. Вам нужно сразу же отсылать запрос на /wp-admin/admin-ajax.php с нужными данными:

$.ajax({
    url : '/wp-admin/admin-ajax.php',
    type: 'POST',
    data: {
        /* параметры, которые вам нужно отправить на /wp-admin/admin-ajax.php */
    },
    success: function(result) {
        console.log(result);
    }
});

[Genri_Rus]

DanKud, мне нужно отправить форму на search.php с GET ключом s, а не только возможность выводить статьи на странице при помощи admin-ajax.php, ?s=тут поисковой запрос

[DanKud]

Ну так отправляйте AJAX-запрос на search.php с параметром s. Для AJAX-запроса вам НЕ НУЖНА страница где расположена форма. Форма нужна только для РУЧНОГО ввода данных:

$.ajax({
    url : 'search.php',
    type: 'GET',
    data: {
       s: значение_параметра_s
    },
    success: function(result) {
        console.log(result);
    }
});

Answer 1

[RMate]

Ваша ошибка связана с тем, что вы пытаетесь получить количество символов searchTerm - хотя его не существует. Более того, для решения вашей задачи вам достаточно просто слать ajax сразу на скрипт-обработчик.

Comments

[Genri_Rus]

Все есть, просто не до конца код дописал:

jQuery(document).ready(function($){
  $('.myclass').keyup(function(eventObject){
    console.log("!")
    var searchTerm = $(this).val();
    if(searchTerm.length > 2){    
      if(eventObject.keyCode == 13){
      	$('#sendform input[name="s"]').val(searchTerm);
        goSubmit();
        return;
      }
      $.ajax({
      url : '/wp-admin/admin-ajax.php',
      type: 'POST',
      data:{
        'action':'',
        'term'  :searchTerm
      },
      success:function(result){
      } });
    }
  $("#mybutton").click(function(){
   if(($('#sendform input[name="s"]').val().length) == 0){
      return false;
    } else {
      	$('#sendform input[name="s"]').val($('.myclass').val());
   	  goSubmit();
    }
  }) });
   function goSubmit(){
   		if(($('#sendform input[name="s"]').val().length) == 0){
        return false;
      } else {
        $('#sendform').submit();
      }
    }
});