При вводе информации - происходит автоматическая обработка. То есть, допустим, я ввожу в <input> информацию и она автоматически подхватывается (как в гугл поиске) и записывается в переменную. А я уже в свою очередь произвожу операции с этой переменной
Можно ли так сделать?
Цель: Хочу сделать поле, и когда я ввожу в него номер договора - происходит поиск в базе данных соответствующего договора и автоматически выводится информация о пользователе.
Подобное имеется, допустим, в некоторых ресурсах пополнения баланса. Когда я ввожу свой номер - мне пишет мое имя. Что бы я не ошибся к примеру.
1. 7erj - 28 Августа, 2015 - 16:46:20 - перейти к сообщению
2. andrewkard - 28 Августа, 2015 - 16:52:57 - перейти к сообщению
7erj
Можно, вешаете обработчик на изменение инпута и посылаете ajax запрос на сервер, получаете данные и выводите туда куда нужно
Можно, вешаете обработчик на изменение инпута и посылаете ajax запрос на сервер, получаете данные и выводите туда куда нужно
3. 7erj - 28 Августа, 2015 - 17:00:28 - перейти к сообщению
andrewkard пишет:
Можно, вешаете обработчик на изменение инпута и посылаете ajax запрос на сервер, получаете данные и выводите туда куда нужно
Вот, если можно, какой-то пример кода, пожалуйста. А то я в php не разбераюсь толком, а в JavaScript уж подавно
4. andrewkard - 28 Августа, 2015 - 17:15:19 - перейти к сообщению
7erj
Пример:
Пример:
PHP:
скопировать код в буфер обмена
скопировать код в буфер обмена
- <?PHP
- $str=$_POST['str'].'Вот и данные!';
- echo $str;
- }
- ?>
- <!DOCTYPE html>
- <html>
- <head>
- <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js">
- </script>
- <script>
- $(document).ready(function(){
- $(document).on('input', '[id = "search"]', function () {
- var v = $('#search').val();
- $.ajax({
- method: "POST",
- url: "",
- data: { str: v }
- })
- .done(function( msg ) {
- $('#result').html(msg);
- });
- });
- });
- </script>
- </head>
- <body>
- <input id="search" type="text">
- <div id="result"></div>
- </body>
- </html>
(Добавление)
В php после строки