Получение значения input с сервера

@ember74 · Регистрация: 07.10.2015

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток! Есть

HTML5
1
<input type="text" name="filter">

в который вводится номер карты, и есть

HTML5
1
<input type="text" name="user">

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

Добавлено через 17 минут
Вот мой запрос, который, естественно, не работает

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
        $('#filter-input').change(function(){
                var inputdata = $("#filter-input").val(); //отсюда берем номер краты
                $.ajax({
                    type: "POST",
                    url: "ajax/num.php",
                    data: {input:inputdata},
                    success: function(html){
                    $('input[name="num"]').val(); //сюда будем выводить данные из num.php
                }
            });
            return false;
        });
    })

В чем тут ошибка? Поправьте пожалуйста..

@sad67man · 28.06.2016, 10:11

ember74,
Посмотрите, что вы получаете в ответе запроса

JavaScript
1
2
3
success: function(html){
  console.log(html)
}

Ну и нужно эти данные присвоить значению input

JavaScript
1
2
success: function(html){
    $('input[name="num"]').val(html);

И покажите код php файла.

@ember74 · 28.06.2016, 10:19 **[ТС]**

sad67man,

PHP
1
2
3
4
5
6
7
8
9
10
$db = mysql_connect ("host","login","pass");
    mysql_select_db("db",$db);
    
    $query = "SELECT * FROM cards WHERE cardnumber LIKE '".$_REQUEST['input']."'";
    $result = mysql_query($query) or die(mysql_error());
    
    while ($row=mysql_fetch_array($result))
    {
        print $row['name'];
    }

Добавлено через 2 минуты
sad67man, в консоль выводит нормально

Добавлено через 1 минуту
sad67man, я сейчас посмотрел, в input тоже добавляется но только после того как кликну где нибудь по контенту html страницы, т.е. после того как с input фокус спадет.

@sad67man · 28.06.2016, 10:26

ember74,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function() {
  var timeoutNum;
  $('#filter-input').on('input', function() {
    if (timeoutNum)
      clearTimeout(timeoutNum)
    timeoutNum = setTimeout(function() {
      var inputdata = $("#filter-input").val();
      $.ajax({
        type: "POST",
        url: "ajax/num.php",
        data: {input: inputdata},
        success: function(html) {
          $('input[name="num"]').val(html);
        }
      })
    }, 300);
  });
});

@ember74 · 28.06.2016, 10:30 **[ТС]**

sad67man, Большое спасибо! Еще подскажите пожалуйста, после того как я стираю filter input в num все равно остается значение. Как сделать, чтобы оно обнулялось?

@sad67man · 28.06.2016, 10:45

ember74, Добавим условие, будем отправлять запрос, если inputdata не меньше 3-х символов, в противном случае будем обнулять

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(document).ready(function() {
  var timeoutNum;
  $('#filter-input').on('input', function() {
    if (timeoutNum)
      clearTimeout(timeoutNum)
    timeoutNum = setTimeout(function() {
      var inputdata = $("#filter-input").val();
      if(inputdata.length>=3){
        $.ajax({
          type: "POST",
          url: "ajax/num.php",
          data: {input: inputdata},
          success: function(html) {
            $('input[name="num"]').val(html);
          }
        })
      }else{
        $('input[name="num"]').val('');
      }
    }, 300);
  });
});

Добавлено через 3 минуты
ember74, И по поводу php файла
У вас получается, что может вывестись несколько записей, нужно ограничить через LIMIT в запросе. И вместо
while, используйте if

@ember74 · 28.06.2016, 10:46 **[ТС]**

sad67man, к сожалению, ничего не изменилось

Добавлено через 59 секунд
sad67man, у меня номер карты это уникальное значение, поэтому, я думаю, можно и так оставить

@sad67man · 28.06.2016, 10:57

ember74, Ааа это я не подумал, у вас же выборка по полному совпадению идет, а не по частичному. Тогда нужно поставить условие, чтоб отправлялся запрос, при полном вводе карты, а не 3 символа. Сколько там символов должно быть?

@ember74 · 28.06.2016, 11:00 **[ТС]**

sad67man, 13 символов, я уже сделал так

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(document).ready(function() {
  var timeoutNum;
  $('#filter-input').on('input', function() {
    if (timeoutNum)
      clearTimeout(timeoutNum)
    timeoutNum = setTimeout(function() {
      var inputdata = $("#filter-input").val();
      if(inputdata.length>=13){
        $.ajax({
          type: "POST",
          url: "ajax/num.php",
          data: {input: inputdata},
          success: function(html) {
            $('input[name="num"]').val(html);
          }
        })
      }else{
        $('input[name="num"]').val('');
      }
    }, 300);
  });
});

Но, данные не обнуляются..

@sad67man · 28.06.2016, 11:15

ember74, https://jsfiddle.net/14ubq4w1/

@ember74 · 28.06.2016, 11:35 **[ТС]**

sad67man, Меняю знак, все равно не хочет

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(document).ready(function() {
  var timeoutNum;
  $('#filter-input').on('input', function() {
    if (timeoutNum)
      clearTimeout(timeoutNum)
    timeoutNum = setTimeout(function() {
      var inputdata = $("#filter-input").val();
      if(inputdata.length==13){
        $.ajax({
          type: "POST",
          url: "ajax/num.php",
          data: {input: inputdata},
          success: function(html) {
            $('input[name="num"]').val(html);
          }
        })
      }else{
        $('input[name="num"]').val('');
      }
    }, 300);
  });
});

@sad67man · 28.06.2016, 11:59

ember74, Ну у меня же в примере работает. И у вас должно. В консоле нет ошибок? И я думаю, раз узкое условие, то задержка не нужна.

@ember74 · 28.06.2016, 12:31 **[ТС]**

sad67man, используя ваш код, перестал выводится номер

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).ready(function() {
  $('#filter-input').on('input', function() {
      var inputdata = $("#filter-input").val();
      if(inputdata.length==13){
        $.ajax({
          type: "POST",
          url: "ajax/num.php",
          data: {input: inputdata},
          success: function(html) {
            $('input[name="num"]').val(html);
          }
        })
      }else{
        $('input[name="num"]').val('');
      }
  });
});

@sad67man · 28.06.2016, 12:46

ember74, Выведете inputdata.length в консоль. и посмотрите, выполняются ли все условия.

@ember74 · 28.06.2016, 13:03 **[ТС]**

sad67man, я ввел четыре цифры номера, в консоле показывает три
Например, ввожу 0055
В консоле:
0
00
005
После того как ввел весь номер в инпуте num, он не отобразился, но когда добавил еще 0 , вывелся номер в num...

Добавлено через 4 минуты
sad67man, если считать 0, то длина 13

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@ember74 9 / 8 / 2 Регистрация: 07.10.2015 Сообщений: 510
	28.06.2016, 10:30 [ТС]
	sad67man, Большое спасибо! Еще подскажите пожалуйста, после того как я стираю filter input в num все равно остается значение. Как сделать, чтобы оно обнулялось? 0

@ember74 9 / 8 / 2 Регистрация: 07.10.2015 Сообщений: 510
	28.06.2016, 10:46 [ТС]
	sad67man, к сожалению, ничего не изменилось Добавлено через 59 секунд sad67man, у меня номер карты это уникальное значение, поэтому, я думаю, можно и так оставить 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	28.06.2016, 10:57
	ember74, Ааа это я не подумал, у вас же выборка по полному совпадению идет, а не по частичному. Тогда нужно поставить условие, чтоб отправлялся запрос, при полном вводе карты, а не 3 символа. Сколько там символов должно быть? 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	28.06.2016, 11:15
	ember74, https://jsfiddle.net/14ubq4w1/ 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	28.06.2016, 11:59
	ember74, Ну у меня же в примере работает. И у вас должно. В консоле нет ошибок? И я думаю, раз узкое условие, то задержка не нужна. 0

@sad67man 2604 / 1508 / 689 Регистрация: 23.08.2015 Сообщений: 3,839
	28.06.2016, 12:46
	ember74, Выведете inputdata.length в консоль. и посмотрите, выполняются ли все условия. 0

@ember74 9 / 8 / 2 Регистрация: 07.10.2015 Сообщений: 510
	28.06.2016, 13:03 [ТС]
	sad67man, я ввел четыре цифры номера, в консоле показывает три Например, ввожу 0055 В консоле: 0 00 005 После того как ввел весь номер в инпуте num, он не отобразился, но когда добавил еще 0 , вывелся номер в num... Добавлено через 4 минуты sad67man, если считать 0, то длина 13 0

Получение значения input с сервера

Решение