Форма ajax php sql?

Question

[Александр Ружевич]

Доброго времени суток, есть форма

<form method="post" action="search_ajax.php">

    <input type="text" class="search_input" name="search" id="search" class='search_box'/>
	
		    <select class="search_in" name="search_in" id="search_in"> 
        <option value='' selected='selected'>Искать по</option>
        <option VALUE="id">Номер</option>
        <option VALUE='status'>Статус</option>
        <option VALUE='master'>Мастер</option> 
    </select>
	
    <input type="submit" value="Поиск" class="search_button" /><br />

</form>

есть обработчик формы

if (isset($_POST['search_in']))  {
	$s_i = $_POST['search_in'];
	echo $s_i;

}

if (isset($_POST['search']))  {
		$s = $_POST['search'];
	echo $s;
}

$query_to_db = mysql_query("SELECT * FROM equipment WHERE $s_i LIKE '%$s%'");

есть ajax input поля

<script type="text/javascript">
$(function(){
  $("#search").keyup(function(){
     var search = $("#search").val();
     $.ajax({
       type: "POST",
       url: "search_ajax.php",
       data: {"search": search},
       cache: false,                                 
       success: function(response){
          $("#resSearch").html(response);
       }
     });
     return false;
   });
});

</script>

и select

<script type="text/javascript">
$(function(){
	
	
    $("#search_in").change(function(){
        $.ajax({
            type : 'POST',
            url : 'search_ajax.php',
            data : { search_in: $(this).val() },
            success: function(response){
          $("#resSearch").html(response);
       }
        });
    })
}


);

</script>

по отдельности они работают, но если их вместе поставить то работает только select. Вопрос в том, как передавать данные только вместе?? к примеру выбрал select (критерий для поиска) и затем вводишь данные в input и только теперь что бы данные передавались.

Answer 1

[Дмитрий]

Добрый вечер.
Объедините два js скрипта.
"Повесьте" submit на форму
Сериализуйте форму так или так
Отправляйте
Обрабатывайте данные на сервере

для работы с формами

Comments

[Александр Ружевич]

спасибо за ответ, буду пробовать, о результатах отпишусь. скажите а есть смысл проверять существование selecta? То есть если пользователь выбрал select только после этого запустить ajax скрипт и гарантировано передать два POST вместе

[Дмитрий]

Александр Ружевич: Ну если в этом есть необходимость, то можно проверить

[Александр Ружевич]

slo_nik: ссылки очень полезные, изучаю, спасибо!

[Александр Ружевич]

slo_nik: итак несколько часов ударяния головой об стену под названием js результата не принесли, .submit() не заработал (скорее всего я неправильно ним пользовался), проверить существование select а потом передавать два значения тоже у меня не хочет работать все равно передает один параметр ну хоть ты тресни) главное что на странице показывает оба а передается один.

[Александр Ружевич]

slo_nik: думал проверить как здесь jsfiddle.net/t52ka/2 а потом как то прикрутить аякс, тоже безрезультатно

[Александр Ружевич]

slo_nik: как же елки-палки заставить ждать пока будет 2 параметра и только после этого "отдать" значения на обработку?

[Дмитрий]

Александр Ружевич: Так а где Ваш нерабочий код?

[Александр Ружевич]

slo_nik: один из опробованных мною вариантов в том что бы проверить переменные на существование и на пустоту и отправить, примерно так

<?php

if (isset($_POST['search_in'],$_POST['search'])) {

if (!$_POST['search_in'] == '' && !$_POST['search'] == '') { ?>



<?php

} }

?>

но! естественно при загрузке страницы php видит что условие не работает и пропускает его, осталось передать этому скрипту POST и посмотреть передадутся ли оба параметра. Что то такого уже нагородил)

[Александр Ружевич]

внутри php находится ajax код который написан в вопросе объединенный как Вы и говорили, он почему то не показался в комментарии

[Дмитрий]

Александр Ружевич: В вопросе нет нового кода. И php обрубленный как не знаю что.
Если Вы хотите получать нормальные ответы, не только на этот вопрос, но и на другие, показывайте код полностью, проблемные участки.
Если здесь нет возможности выложить код, то воспользуйтесь одним из онлайн сервисов, например pastebin.com

[Александр Ружевич]

slo_nik:

<?php
if (isset($_POST['search_in']))  {
	$s_i = $_POST['search_in'];
	echo $s_i;?>
	
<script type="text/javascript">
$(function(){
  $("#search").keyup(function(){
     var search = $("#search").val();
	 var search_in = $("#search_in").val();
     $.ajax({
       type: "POST",
       url: "search_ajax.php",
       data: {"search": search, "search_in": search_in },
       cache: false,                                 
       success: function(response){
          $("#resSearch").html(response);
       }
     });
     return false;
   });
});

</script>

	<?php

}
?>	

<script type="text/javascript">
$(function(){
	
	
    $("#search_in").change(function(){
        $.ajax({
            type : 'POST',
            url : '',
            data : { search_in: $(this).val() },
            success: function(response){
          $("#resSearch").html(response);
       }
        });
    })
}


);

</script>

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

[Дмитрий]

Александр Ружевич: Извините, а где изменения в коде? Как было два js-скрипта, так и осталось

[Александр Ружевич]

slo_nik:

<script type="text/javascript">
$(function(){
  $("#search").keyup(function(){
     var search = $("#search").val();
	 var search_in = $("#search_in").val();
     $.ajax({
       type: "POST",
       url: "search_ajax.php",
       data: {"search": search, "search_in": search_in },
       cache: false,                                 
       success: function(response){
          $("#resSearch").html(response);
       }
     });
     return false;
   });
});

</script>

пробовал несколько вариантов объединения по примерам из интернета, они нормально не работали, вернулся к раздельному

[Дмитрий]

Александр Ружевич: Вы прочитали в документации о keyup? Как Вы собираетесь отправлять в этом случает форму, а перед этим проверить select?

[Александр Ружевич]

slo_nik: .change ?

[Дмитрий]

Александр Ружевич: Я вижу Вы даже не пытались ознакомиться с информацией по моей ссылке. Ну что же, поиграем в "Угадай мелодию".
Нет, не change.
Какое событие возникает при отправке формы?

[Дмитрий]

Александр Ружевич: https://jsfiddle.net/slo_nik/649xw3ye/