servlet 问题中无法检索 Ajax 请求参数

Question

作为学习 Ajax 的一部分，我创建了一个小 servlet + 一些 HTML 页面 + Javascript 代码。该页面包含几个按钮。这个想法是根据按下的按钮在请求中传递参数值并在响应中返回该值。没什么疯狂的。

这是发出请求的函数（按钮在单击时链接到此函数）：

function loadXMLDoc2() {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","/WebFront/Ajaxlet",true);
    var retr = this.id;
    var param = "cmd=" + retr;
    document.getElementById("L1_LEFT").innerHTML = param;
    xmlhttp.send(param);
}

L1_LEFT 元素允许我检查构造的参数（例如：cmd=bd_info） 。

在 servlet 端调用以下方法来处理请求和响应：

private void setAnswer2(HttpServletRequest req, HttpServletResponse res) throws IOException {

    Enumeration<String> iter = req.getParameterNames();

    System.out.println("Parameters=");
    while (iter.hasMoreElements()) {
        String next = iter.nextElement();
        System.out.println(next);
    }

    ...

}

但是，每次单击按钮时，都会打印出额外的参数行：

Parameters=
Parameters=
Parameters=
Parameters=
...

为什么？我做错了什么？

编辑

按照BalusC的解决方案，我修改了我的代码如下：

var retr = this.id;
var param = "cmd=" + encodeURIComponent(retr);
document.getElementById("L1_LEFT").innerHTML = param;
xmlhttp.open("POST","/WebFront/Ajaxlet",true);
xmlhttp.send(param);

GET

    Map<String, String[]> en = req.getParameterMap();

    System.out.println("Parameters=");
    for (String next : en.keySet()) {
        System.out.println(next);
    }

解决方案有效，但POST解决方案不起作用（同样的问题）。我读到 POST 比 GET 更好。有人知道为什么 POST 不起作用吗？

编辑 II

这是 servlet 代码：

@WebServlet(name="Ajaxlet", urlPatterns={"/Ajaxlet"}, asyncSupported=false)
public class Ajaxlet extends HttpServlet {

    private void setAnswer2(HttpServletRequest req, HttpServletResponse res) throws IOException {

        Map<String, String[]> en = req.getParameterMap();

        System.out.println("Parameters=");
        for (String next : en.keySet()) {
            System.out.println(next);
        }

        res.setContentType("text/html");
        PrintWriter out = res.getWriter();
        out.println(System.currentTimeMillis());
        out.close();        

    }

    @Override
    public void doPost(HttpServletRequest req, HttpServletResponse res)
            throws ServletException, IOException {

        System.out.println("doPost");
        setAnswer2(req, res);

    }

}

编辑 III

这是我的 web.xml：

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_5.xsd">
    <servlet>
        <display-name>Ajaxlet</display-name>
        <servlet-name>Ajaxlet</servlet-name>
        <servlet-class>net.test.Ajaxlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>Ajaxlet</servlet-name>
        <url-pattern>/Ajaxlet/*</url-pattern>
    </servlet-mapping>
    <welcome-file-list>
            <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
</web-app>

和我的 context.xml：

<?xml version="1.0" encoding="UTF-8"?>
<Context antiJARLocking="true" path="/WebFront"/>

编辑 IV< /strong>

将我的 web.xml 更新为：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
      version="3.0"> 

    <welcome-file-list>
            <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>

</web-app>

POST 仍然存在相同的问题。

Answer 1

您正在创建 GET 请求，然后在请求正文中发送参数。这是行不通的。为了在请求正文中发送数据，您必须创建一个 POST 请求（并在 servlet 的 doPost() 方法中而不是 doGet())：

xmlhttp.open("POST", "/WebFront/Ajaxlet", true);
xmlhttp.send(param);

在 GET 请求中，您通常将带有参数的查询字符串附加到请求 URL，而不是请求正文：

xmlhttp.open("GET", "/WebFront/Ajaxlet?" + param, true);
xmlhttp.send(null);

无论采用哪种请求方法，您都应该确保参数名称和值经过正确的 URL 编码！您可以使用 JS 的内置 encodeURIComponent() 函数来实现此目的：

var param = "cmd=" + encodeURIComponent(retr);

---

与具体问题无关，我知道您正在学习 Ajax，但我建议您毕竟要学习一下看看现有的 JavaScript 库，它从您手中获取发送 Ajax 请求和遍历/操作 HTML DOM 的所有令人讨厌的跨浏览器敏感细节，例如 jQuery。在此相关问题中，您可以找到一些如何开始使用 jQuery + Servlet 的很好的示例：如何使用 Servlet 和 Ajax？

另一个不相关的注意事项，您应该更喜欢使用 getParameterMap() 来迭代参数名称和值。它返回一个Map而不是老式的Enumeration； Map 允许您使用增强的 for 循环。

Answer 2

有完全相同的问题，为了文档的缘故，解决方案是在我的 Javascript 代码中，

当在 AJAX 帖子中发送“表单数据”时，您需要设置一个标头，如下所示..

xmlhttp.setRequestHeader("Content-type" ，“应用程序/x-www-form-urlencoded”）
xmlhttp.send("paramName=paramValue")

来源：http://www.w3schools .com/ajax/ajax_xmlhttprequest_send.asp