Question

我正在处理一个表单，我想在其中显示与用户从组合框中选择的值相关的记录并将它们全部显示到<div>中，所以我写下了我的代码，但问题是请求正在转移到外部文件，但它没有显示输出。

这是我的代码：

$("#tag_header").change(function(){
    if($("#tag_header>option:selected").val() !==""){
        $("#brand_name").removeAttr("readonly",false);
        $("#brand_name").css("background", "white");    
        var tagid = $("#tag_header>option:selected").val() ;
        $.get("view_product_dtl.php?tag_header="+tagid,function(result){ 
            $("#grid").html(data);
        });
    }else{
        $("#brand_name").attr("readonly",true);
        $("#brand_name").css("background", "#C0C0C0");  
    }
})

Answer 1

在成功事件中，您引用了data变量，但您的回复位于result而不是data。改为：

$("#grid").html(result);

一个小改进是使用一个对象来传递tagid而不是连接。这样做的好处是jQuery将自动处理值的URL编码。

$.get("view_product_dtl.php", { tag_header : tagid }, function(result){ 
    $("#grid").html(result);
});

Answer 2

您的回调使用result而不是data

$.get("view_product_dtl.php?tag_header="+tagid,function(result){ 
    //$("#grid").html(data);
    $("#grid").html(result);
});

将ajax请求生成的输出显示为html div

2 个答案: