PHP生成HTML表单实现输入框自动填充功能求助

你的思路方向是对的，但现有jQuery代码存在几个关键问题导致功能失效，我来帮你修正并逐一解释：

现有代码的问题分析 #

1. 事件绑定不合适：你用了click事件，这只会在点击输入框时触发，而非用户填写完成后触发，应该用blur（离开输入框时）或input（实时输入时）事件更合理。
2. 语法与逻辑错误：.get()前缺少$标识，而且前端代码无法直接调用PHP函数nummeruebergeben($_POST['artName1'])——你需要先获取输入框的前端值，再传给后端接口。
3. 缺少回调处理：没有编写请求成功后的回调函数，无法将API返回的商品编号填充到第二个输入字段中。

修正后的完整代码 #

<script>
$(document).ready(function(){
    // 给第一个输入框绑定"失去焦点"事件（用户填完内容离开时触发）
    $("input[name*='artName1']").blur(function(){
        // 获取当前输入框的内容
        var productName = $(this).val();
        
        // 先判断内容是否为空，避免发起无效请求
        if(productName.trim() === '') {
            return;
        }
        
        // 发起GET请求到后端接口
        $.get("artikelnamen_suchen.php", { artName1: productName }, function(response){
            // 假设后端返回纯文本格式的商品编号，直接填充到第二个字段
            $("input[name*='artNr1']").val(response);
            
            // 如果后端返回JSON格式（更规范的做法），请改用以下代码：
            // var result = JSON.parse(response);
            // $("input[name*='artNr1']").val(result.artNr); // artNr对应你JSON返回中的商品编号键名
        });
    });
});
</script>

关键细节补充 #

• 事件选择优化：如果希望用户边输入边触发请求，可以把blur换成input，但建议添加防抖函数（比如延迟500ms再发起请求），避免频繁调用API造成资源浪费。
• 后端参数接收：你的artikelnamen_suchen.php需要用$_GET['artName1']接收参数（因为我们用的是GET请求）；如果要改用POST请求，可替换为$.post方法，后端对应使用$_POST获取参数。
• 响应格式规范：如果后端返回JSON数据，记得在PHP代码开头设置响应头：header('Content-Type: application/json');，确保前端能正确解析数据。

内容的提问来源于stack exchange，提问作者bassotto