Question

我正在尝试使用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}')});
}

    });

Answer 1

用户将需要一种方法来知道他们需要提交电话号码。您可以为数字设置可变的数字位数，因此，除非有触发器（例如特殊字符或按钮）或按回车键，否则您的代码将不知道何时提交。这是一个基本示例：

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

我们有一个输入。您需要一种让程序知道用户何时输入其最终号码的方法。您可以通过提示用户输入号码后提示他们按Enter来进行指定。然后，您可以发送发帖请求：

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

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

1 个答案: