javascript - 如何在 JavaScript 中调试 "Referenceerror: response is not defined"？

Question

我是 AJAX 新手，根据互联网上的一些示例编写了此代码，并收到“Referenceerror:响应未定义”

我的目标:单击按钮(搜索)后，AJAX 调用一个 servlet，该 servlet 将选择框和文本框旁边的值作为输入，并从数据库中搜索所需的数据并以 JSON 格式提供结果。

然后 JSON 对象被处理并作为表格打印到网页上的空 div 中。

$(document).ready(function() 
{

    $("#search").click(function(event) 
    {
          var selectedKey = $(".skey option:selected").val();
          var insertValue = document.getElementById('svalue').value;
          alert(selectedKey+":"+insertValue);
          var url="SearchDetails?"+selectedKey+"="+insertValue
          var request; 
           if(window.XMLHttpRequest)
           {
                request=new XMLHttpRequest()
           }
           else if(window.ActiveXObject)
           {
                request=new ActiveXObject("Microsoft.XMLHTTP")
           }
           try
           {
               request.onreadystatechange=printBands(response)
               request.open("GET",url,true)
               request.send()
           }
           catch(e)
           {
               alert("Unable to connect to server"+e)
           }
    });
});

function printBands(json) 
{
    if(request.readyState==4)
    {
        var mydata = eval(json);
        var table = $.makeTable(mydata);
        $(table).appendTo("#resultPrint");
    }
    $.makeTable = function (mydata) 
    {
        var table = $('<table border=1>');
        var tblHeader = "<tr>";
        for (var k in mydata[0]) tblHeader += "<th>" + k + "</th>";
        tblHeader += "</tr>";
        $(tblHeader).appendTo(table);
        $.each(mydata, function (index, value) 
        {
            var TableRow = "<tr>";
            $.each(value, function (key, val) 
            {
                TableRow += "<td>" + val + "</td>";
            });
            TableRow += "</tr>";
            $(table).append(TableRow);
        });
        return ($(table));
    }
};

Answer 1

换行request.onreadystatechange=printBands(response) 到 request.onreadystatechange=printBands;。您只需传递对函数的引用，而不是在该位置执行它。