Javascript 如何基于文本字段触发Ajax调用？

我试图在任何文本字段发生更改时触发Ajax函数。。我对Ajax完全是新手，所以我不知道如何或是否可能做到这一点。。任何帮助都将不胜感激

Html

剧本

---

使用的jQuery选择器错误。您应该使用$'input[type=text]'来选择所有文本字段，而不是$'target'

上面的代码有什么问题？您是否遇到任何异常？您只需要元素的ID与jQuery选择器中使用的ID实际匹配。由于输入错误而投票关闭。代码中没有错误。代码仅为一个字段创建。。因为我似乎找不到多个领域的好解决方案，所以我想看看这里是否有人知道怎么做@Dhavalmarthakhell它现在可以工作了，我只需要修改结果，这样它就不会删除最新的一个！谢谢不到两分钟的回答；两分钟内答对。@你不会通过的。我的问题在幼儿园阶段：P

<form>
    <a>Enter Item ID 1:</a> 
    <input id="target1" type="text" name="itemID" required />   
    <br>
    <a>Enter Item ID 2:</a> 
    <input id="target2" type="text" name="itemID2"/>    
    <div class="result"></div>
</form>

<script type="text/javascript">
$(document).ready(function(){
    $('#target').change(function() {
        $.ajax({
            url: 'shelfid.php',
            type: 'POST',
            dataType: 'json',
            data:{ 
                itemID: $(this).val() 
            },
            success:function(data) {
                $(".result").text(data);    
            }
        });
    });
});
</script>