Jetty servlet 对 Ajax 的响应总是空的答案

【问题标题】：Jetty servlet response to Ajax always emptyJetty servlet 对 Ajax 的响应总是空的
【发布时间】：2010-05-12 09:27:27
【问题描述】：

您好，我尝试在 Jetty 上运行一个 java 服务器，它应该响应一个 ajax 调用。不幸的是，当我用 ajax 调用它时，响应似乎是空的。当我拨打http://localhost:8081/?id=something 时，我会得到答复。

Java 服务器：

   public class Answer extends AbstractHandler
{
    public void handle(String target,
                       Request baseRequest,
                       HttpServletRequest request,
                       HttpServletResponse response) 
        throws IOException, ServletException
    {
        String id = request.getParameter("id");
        response.setContentType("text/xml");
        response.setHeader("Cache-Control", "no-cache");

        response.setContentLength(19+id.length());
        response.setStatus(HttpServletResponse.SC_OK);
        response.getWriter().write("<message>"+id+"</message>");
        //response.setContentType("text/html;charset=utf-8");

        response.flushBuffer();
        baseRequest.setHandled(true);
    }

    public static void main(String[] args) throws Exception
    {
        Server server = new Server(8081);
        server.setHandler(new Answer());

        server.start();
        server.join();
    }
}

js和html：

<html>
<head>
<script>
var req;

function validate() {
   var idField = document.getElementById("userid");
   var url = "validate?id=" + encodeURIComponent(idField.value);
   if (typeof XMLHttpRequest != "undefined") {
       req = new XMLHttpRequest();
   } else if (window.ActiveXObject) {
       req = new ActiveXObject("Microsoft.XMLHTTP");
   }
   req.open("GET", "http://localhost:8081?id=fd", true);
   req.onreadystatechange = callback;
   req.send(null);
}


function callback() {
    if (req.readyState == 4) {
        if (req.status == 200) {
             var message = req.responseXML.getElementsByTagName("message")[0];
             document.getElementById("userid").innerHTML = "message.childNodes[0].nodeValue";
        }
    }
}

</script>
</head>
<body onload="validate('foobar')">
<div id="userid">hannak</div>
</body>
</html>

我实际上不知道我在这里做错了什么。也许有人有个好主意。

问候克里斯

【问题讨论】：

您可以使用 FireBug (Firefox Addon) 来调试 ajax 请求和来自服务器的响应。
我用萤火虫，在那里我看到答案是空的。 Get 响应的编号为 200，因为我是这样设置的，至少 firebug 可以识别。在 Javascript 中我仍然有 req.status = 0 服务器是 org.eclipse.jetty.server ......这里是导入： import javax.servlet.http.HttpServletRequest;导入 javax.servlet.http.HttpServletResponse；导入 javax.servlet.ServletException；导入 java.io.IOException；导入 org.eclipse.jetty.server.Server；导入 org.eclipse.jetty.server.Request；导入 org.eclipse.jetty.server.handler.AbstractHandler;

标签： java ajax jetty response

【解决方案1】：

您可能正在从磁盘读取 HTML 文件，即使用“file:///”URL。 Web 浏览器只允许向页面来源的主机发送 XmlHttpRequest，这就是您的请求不起作用的原因。

我学习了嵌入式 Jetty 教程并修改了您的代码：

Answer.java：

package test;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.eclipse.jetty.server.Handler;
import org.eclipse.jetty.server.Request;
import org.eclipse.jetty.server.Server;
import org.eclipse.jetty.server.handler.AbstractHandler;
import org.eclipse.jetty.server.handler.HandlerList;
import org.eclipse.jetty.server.handler.ResourceHandler;

public class Answer extends AbstractHandler {
  public void handle(String target, Request baseRequest, HttpServletRequest request,
      HttpServletResponse response) throws IOException, ServletException {
    String id = request.getParameter("id");
    response.setContentType("text/xml");
    response.setHeader("Cache-Control", "no-cache");
    response.setContentLength(19 + id.length());
    response.setStatus(HttpServletResponse.SC_OK);
    response.getWriter().write("<message>" + id + "</message>");
    response.flushBuffer();
    baseRequest.setHandled(true);
  }

  public static void main(String[] args) throws Exception {
    Server server = new Server(8081);

    ResourceHandler resource_handler = new ResourceHandler();
    resource_handler.setDirectoriesListed(true);
    resource_handler.setWelcomeFiles(new String[] { "index.html" });
    resource_handler.setResourceBase(".");

    HandlerList handlers = new HandlerList();
    handlers.setHandlers(new Handler[] { resource_handler, new Answer() });

    server.setHandler(handlers);
    server.start();
    server.join();
  }
}

还有index.html：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>AJAX Test</title>
    <script type="text/javascript">
      var req;

      function validate() {
        if (typeof XMLHttpRequest != "undefined") {
          req = new XMLHttpRequest();
        } else if (window.ActiveXObject) {
          req = new ActiveXObject("Microsoft.XMLHTTP");
        }
        req.open("GET", "http://localhost:8081/SomeResourceThatDoesntExistSoOurTestHandlerGetsCalled?id=fd", true);
        req.onreadystatechange = callback;
        req.send(null);
      }

      function callback() {
        if (req.readyState == 4 && req.status == 200) {
          var message = req.responseXML.getElementsByTagName("message")[0];
          document.getElementById("userid").innerHTML = message.childNodes[0].nodeValue;
        }
      }
    </script>
  </head>
  <body onload="validate()">
    <div id="userid">hannak</div>
  </body>
</html>

这些是我对您的代码所做的更改：

我删除了不必要的东西（可能来自您的实验 ☺）
我向 Jetty 服务器添加了一个 ResourceHandler，当 URL 上没有给出路径时，它会提供 index.html 文件
我在 Javascript 部分更改了请求 URL，因此请求转到 Answer 处理程序
我在 callback 函数中取消引用消息处理，因此会显示应答消息的内容（由于硬编码的 GET-URL 参数，始终为 fd）

将 index.html 放在您的基本工作目录中，然后再次运行 Answer 类——当您将浏览器指向 http://localhost:8081/ 时，事情应该会按照您的意愿运行。首先 Jetty 将 index.html 传递给浏览器，然后浏览器发出 XHR GET 请求，成功时将“hannak”替换为“fd”。

HTH！

【讨论】：