0

尝试从 JavaScript 接收参数时我得到空值。我经历了几篇文章，但无法弄清楚我在代码中的错误所在。

下面是我发送请求的代码：

function funcOnChange() {
    var index = document.detail.Class.selectedIndex;
    var valueSelected = document.detail.Class.options[index].value;

    handleRequestStateChange = function()
    {
        // Check to see if this state change was "request complete", and
        // there was no server error (404 Not Found, 500 Server Error, etc)
        if (xmlhttp.readyState==4 && xmlhttp.status==200) 
        {
            var substring=xmlHttp.responseText;
            alert("Alert Dialog! Gaurav");
        }
    }
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'http://localhost:8080/ReportFetcher/FormHandler', true);
    xhr.send(valueSelected);
}

我valueselected从以下代码中得到 ' 并且valueselected' 是正确的：

<select name="Class" onchange="funcOnChange()">
            <option value="None">None</option>
            <option value="FIRST">FIRST</option>
            <option value="SECOND">SECOND</option>
            <option value="THIRD">THIRD</option>
            <option value="FOURTH">FOURTH</option>
            <option value="FIFTH">FIFTH</option>
            <option value="SIXTH">SIXTH</option>
            <option value="SEVENTH">SEVENTH</option>
            <option value="EIGHTH">EIGHTH</option>
            <option value="NINTH">NINTH</option>
            <option value="TENTH">TENTH</option>
        </select><br>

我在 FormHandler.java 的 onPost() 上收到回调

protected void doPost(HttpServletRequest request,
        HttpServletResponse response) throws ServletException, IOException {
    log.info("IN form doPost");
    String selectedClass = request.getParameter("Class");
    log.info(selectedClass);

}

问题： selectedClass这里为空。

建议我在哪里犯错。

4

2 回答 2

1

尝试这个

function funcOnChange() {
    var index = document.detail.Class.selectedIndex;
    var valueSelected = "Class="+document.detail.Class.options[index].text;

    .....
    .....

    xhr.send(valueSelected);
}
于 2013-05-15T11:28:02.433 回答
0

如果您通过任何代理/ HTTP 监控工具（我使用 Charles）查看您的请求和响应，您将看到您没有将请求作为键值对发送（简单来说，您没有发送 Class=value）但您只发送Class 属性的值作为字符串。（即第三，如果您在选择框中选择选项第三）。如果要将服务器上的数据作为键值对读取，则需要发送FormData 。

function funcOnChange() {
    var index = document.detail.Class.selectedIndex;
    var valueSelected = document.detail.Class.options[index].value;

    handleRequestStateChange = function()
    {
        // Check to see if this state change was "request complete", and
        // there was no server error (404 Not Found, 500 Server Error, etc)
        if (xmlhttp.readyState==4 && xmlhttp.status==200) 
        {
            var substring=xmlHttp.responseText;
            alert("Alert Dialog! Gaurav");
        }
    }
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'http://fiddle.jshell.net/', true);    
    var form = new FormData();
    form.append("Class",valueSelected)
    xhr.send(form);
}
于 2013-05-15T11:37:55.973 回答