Question

我是AJAX的新手，并从互联网上的一些例子中编写了这段代码并获得“Referenceerror：response is not defined”

我的目标：点击一个按钮（搜索）后，AJAX调用一个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;。你只需要传递对函数的引用，而不是在那个地方执行它。

如何调试JavaScript中的“Referenceerror：response not defined”？

1 个答案: