在输入标签中输入数字后发布请求

我正在尝试使用ajax在javascript中做一些相当简单的事情。但是,我是javascript新手,可以用一只手。我有一个输入,当有人在输入部分输入数字时,我需要发送发帖请求。我正在使用ajax来执行此操作,因此不必每次都重新加载页面。此代码单独工作。但是,当我将其与head标记中的document.ready(function())放在一起时,当我在输入字段中输入数字时它不会响应。每当有人输入号码时,我如何发送发帖请求?

$(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}')});
}

    });
评论
  • 瞬间变化
    瞬间变化 回复

    You should attach keyup event on input:

    $(document).ready(function() {
      $("#pump1_timer").on("keyup",function(){
    $.post('',$(this).val(),function(data,status){console.log('${data} and status is ${status}')});
      });
    });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <input id="pump1_timer" type="number">

    Keyup event will call desired function when you enter char in input