【发布时间】:2014-10-16 21:34:29
【问题描述】:
我正在阅读一本书来学习 ajax,但由于我的 Servlet 响应(只是文本)没有显示在我的 JavaScript 中的警报中,所以我被困住了。单击按钮时,它会调用一个 JavaScript 函数,然后异步发送一个 http 请求。
我不明白为什么字符串没有显示在响应中。感谢任何人都可以对此有所了解。
编辑:另外,在发送“get”请求后,我得到一个状态码 200。当我在控制台下查看 firebug 时,我看到带有 200 状态代码的 Get 请求。有 3 个选项卡 - 参数、标题和 XML。在 Params 下,我看到了我在请求中发送的虚拟参数。在标头下有 2 个节点 - 响应标头和请求标头。当我展开 Response Header 节点时,我看到一个名为 content-length 的东西,后面有一个 0。这是否意味着我的回复中没有任何内容???
这是我的 HTML
<html>
<head>
<title>Boards 'R' Us</title>
<link rel="stylesheet" type="text/css" href="boards.css" media="screen" />
<script type="text/javascript" src="ajax.js"> </script>
<script type="text/javascript" src="text-utils.js"> </script>
<script type="text/javascript" src="boards.js"> </script>
</head>
<body>
<h1>Boards 'R' Us :: How Much Butt We're Kicking</h1>
<div id="boards">
<table>
<tr><th>Snowboards Sold</th>
<td><span id="boards-sold">1672</span></td></tr>
<tr><th>What I Sell 'em For</th>
<td>$<span id="boards-price">249.95</span></td></tr>
<tr><th>What it Costs Me</th>
<td>$<span id="boards-cost">84.22</span></td></tr>
</table>
<table>
<tr><th>Boots Sold</th>
<td><span id="boots-sold">312</span></td></tr>
<tr><th>What I Sell 'em For</th>
<td>$<span id="boots-price">175.47</span></td></tr>
<tr><th>What it Costs Me</th>
<td>$<span id="boots-cost">54.23</span></td></tr>
</table>
<table>
<tr><th>Bindings Sold</th>
<td><span id="bindings-sold">82</span></td></tr>
<tr><th>What I Sell 'em For</th>
<td>$<span id="bindings-price">146.92</span></td></tr>
<tr><th>What it Costs Me</th>
<td>$<span id="bindings-cost">98.03</span></td></tr>
</table>
<h2>Cash for the Slopes:
$<span id="cash">318936.42</span></h2>
<form>
<input value="Show Me the Money" type="button"
onClick="getNewTotals();" />
</form>
</div>
</body>
</html>
和我的 JavaScript
function getNewTotals() {
console.log("Getting new totals");
var url = "boards.do";
url = url + "?dummy=" + new Date().getTime();
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);
}
function updatePage() {
if (request.readyState == 4) {
if (request.status == 200) {
var reply = request.responseText;
alert("returned: " + reply);
} else {
alert("Error! Request status = " + request.status);
}
}
}
和我的 Servlet
import java.io.IOException;
import java.io.PrintWriter;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.gmail.gmjord.controller.BoardSalesController;
/**
* Servlet implementation class BoardSalesController
*/
//@WebServlet("/BoardSalesController")
public class BoardSalesController extends HttpServlet {
private static final long serialVersionUID = 1L;
private static final Logger LOGGER = Logger.getLogger(BoardSalesController.class.getClass().getName());
private static final Level INFO = Level.INFO;
private static final Level[] LEVELS = {Level.SEVERE, Level.WARNING, Level.INFO, Level.CONFIG,
Level.FINE, Level.FINER, Level.FINEST};
/**
* @see HttpServlet#HttpServlet()
*/
public BoardSalesController() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
LOGGER.log(INFO, "in doGet()");
String info = request.getParameter("dummy");
LOGGER.log(INFO, "Request info: " + info);
response.setContentType("text/plain");
response.setCharacterEncoding("UTF-8");
String reply = "Do you see this?";
response.getWriter().write(reply);
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
}
}
【问题讨论】:
-
那么,发生了什么?在调试器中运行它并观察网络流量。在updatePage中放一个断点,看看有没有调用,怎么调用。
-
您可以使用 Chrome 或 Firefox 开发工具甚至 firebug 来检查 XMLHttpRequest 流量并检查它会发生什么。您还可以检查除 200 之外的其他响应状态(可能正在产生 404 或 500 错误)
-
@Malvolio,谢谢你提醒我我可以调试 JavaScript——这还是个新手。我在 firebug 中对其进行了调试,request.responseText 显示的值为“”。所以我认为 Servlet 没有正确发送响应。仍在调查中。
-
@mitchj -- 状态和状态呢? (我的赌注:状态是 500。)
标签: java javascript ajax servlets