Отправить запрос, когда номер введен во входной тег

Question

Я пытаюсь сделать что-то довольно простое в javascript, используя ajax. Тем не менее, я новичок в javascript и могу использовать руку. У меня есть вход, где мне нужно отправить запрос на публикацию всякий раз, когда кто-то вводит число в раздел ввода. Я использую ajax для этого, поэтому мне не нужно каждый раз перезагружать страницу. Этот код работает индивидуально. Но когда я помещаю его вместе с document.ready (function ()) в теге head, он не отвечает, когда я ввожу числа в поле ввода. Как я могу отправить запрос, когда кто-то вводит номер?

$(document).ready(function() {
 var myInput = document.getElementById("pump1_timer");
if (myInput && myInput.value) {
    $.post('/pump1_timer',myInput.value,function(data,status){console.log('${data} and status is ${status}')});
}

    });

Answer 1

Пользователю нужен способ узнать, что ему нужно предоставить номер. У вас может быть переменное число цифр для номера, поэтому ваш код не будет знать, когда отправлять, если нет триггера, такого как специальный символ или кнопка, или нажатия клавиши возврата. Вот базовый c пример:

<input type="number" class="form-control" id="number">
<small>Enter a number and then press the return key</span>

У нас есть вход. Вам нужен способ, чтобы программа знала, когда пользователь ввел свой окончательный номер. Вы можете указать это, предложив пользователю нажать клавишу ввода после того, как он введет свой номер. Затем вы можете отправить запрос:

$('#number').on('change', function() {
        $.post('/someUrl.html', $('#number').val().toString()
        ).done(function(data) {
            alert("Hey we got data");
         }).fail(function(err) {
            alert(err.message);
        }).always(function () {
            alert("Complete");
        });
});