Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Активное поле input
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » Активное поле input

Страниц (1): [1]
 

1. 7erj - 28 Августа, 2015 - 16:46:20 - перейти к сообщению
При вводе информации - происходит автоматическая обработка. То есть, допустим, я ввожу в <input> информацию и она автоматически подхватывается (как в гугл поиске) и записывается в переменную. А я уже в свою очередь произвожу операции с этой переменной
Можно ли так сделать?

Цель: Хочу сделать поле, и когда я ввожу в него номер договора - происходит поиск в базе данных соответствующего договора и автоматически выводится информация о пользователе.
Подобное имеется, допустим, в некоторых ресурсах пополнения баланса. Когда я ввожу свой номер - мне пишет мое имя. Что бы я не ошибся к примеру.
2. andrewkard - 28 Августа, 2015 - 16:52:57 - перейти к сообщению
7erj
Можно, вешаете обработчик на изменение инпута и посылаете ajax запрос на сервер, получаете данные и выводите туда куда нужно
3. 7erj - 28 Августа, 2015 - 17:00:28 - перейти к сообщению
andrewkard пишет:
Можно, вешаете обработчик на изменение инпута и посылаете ajax запрос на сервер, получаете данные и выводите туда куда нужно

Вот, если можно, какой-то пример кода, пожалуйста. А то я в php не разбераюсь толком, а в JavaScript уж подавно Улыбка
4. andrewkard - 28 Августа, 2015 - 17:15:19 - перейти к сообщению
7erj
Пример:
PHP:
скопировать код в буфер обмена
  1.  
  2. <?PHP
  3. if (isset($_POST['str'])){
  4.     $str=$_POST['str'].'Вот и данные!';
  5.     echo $str;
  6. }
  7. ?>
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11.     <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js">
  12.     </script>
  13.     <script>
  14.         $(document).ready(function(){
  15.  
  16.             $(document).on('input', '[id = "search"]', function () {
  17.                 var v = $('#search').val();
  18.                 $.ajax({
  19.                     method: "POST",
  20.                     url: "",
  21.                     data: { str: v }
  22.                 })
  23.                 .done(function( msg ) {
  24.                     $('#result').html(msg);
  25.                 });
  26.             });
  27.         });
  28.     </script>
  29. </head>
  30. <body>
  31. <input id="search" type="text">
  32. <div id="result"></div>
  33. </body>
  34. </html>
  35.  

(Добавление)
В php после строки
надо сделать
5. 7erj - 28 Августа, 2015 - 17:22:10 - перейти к сообщению
andrewkard пишет:
Пример:

Спасибо большое! Так бы искал неделю Улыбка

 

Powered by ExBB FM 1.0 RC1