如何根据文本字段触发 Ajax 调用

How to trigger Ajax call based on text field?

本文关键字：Ajax 调用 字段 何根 文本      更新时间：2023-09-26

我正在尝试在任何文本字段更改时触发我的Ajax函数。我对Ajax完全陌生，所以我不知道如何或是否可能。任何帮助将不胜感激！

目录 

<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>

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

相关文章：