Question

我有一个附加到onclick事件的ajax脚本。在被叫时，它应该采取表单中的值，将其提交给servlet，以JSON形式接收响应然后输出它位于此表格下方的div中。

然而，当我点击按钮时，我什么都没得到。没有错误，没有输出。

function ajax()
{
    var xhr = new XMLHttpRequest();
    var name = document.getElementById("name").value;
    var gender = document.getElementById("gender").value;
    xhr.open('GET', '/FormProcessor/?name='+name+'&gender='+gender,true);
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    //alert("before readystatechange");
    xhr.onreadystatechange = function()
    {
        if(xhr.readyState == 4 && xhr.status == 200)
        {
            var json = document.getElementById("json");
            json.innerHTML = xhr.responseText;
        }
    };
    xhr.send(null);

HTML

<body>
        <form >
            <select name="name" id="name">
                <option value="REG_01">Mike</option>
                <option value="REG_02">Jane</option>
            </select> &nbsp;
            <select name="gender" id="gender">
                <option value="F0101">MALE</option>
                <option value="F0102">MALE</option>
            </select>
            <input type="button" value="Get JSON" onclick="ajax()"/>
        </form>
        <div id="json">

        </div>
    </body>

如果我的servlet的url不正确，我不应该至少收到错误吗？

使用AJAX将表单提交给Servlet

0 个答案: