1
私が書いたチェッカーゲームのユーザー名、パスワード、勝敗を表示するサーブレットをセットアップしました。私はこのページにアクセスするためのajaxプログラムを作成して、単純なリーダーボードのようなユーザーの勝敗を列挙したテーブルを作成したいと考えています。しかし、私のHTMLコードは動作しませんし、なぜ私は見ることができません。私は、変数urlとしてリストしたページにログインし、サーブレットからxmlファイルを見ることができます。どんな助けでも大歓迎です。ここAJAXを学ぶ、htmlコードは何もしません
<html>
<head>
<script type="text/javascript">
function requestUpdate()
{
var req = newXMLHttpRequest();
req.onreadystatechange = function()
{
if(req.readyState == 4)
{
displayResult(req);
}
}
var url = "http://localhost:8080/Checkers/CheckersServlet";
req.open("GET",url,true);
req.send(null);
}
function displayResult(req)
{
var div = document.getElementById("Scoreboard");
div.innerHTML = "<table border> <tr> <th> Username </th> <th> Wins </th> <th> Losses </th> </tr>" ;
var doc = req.responseXML;
var Users = doc.getElementsByTagName('Username');
var Wins = doc.getElementsByTagName('Wins');
var Losses = doc.getElementsByTagName('Losses');
var U;
var W;
var L;
for(var i = 0; i < Users.length; i++)
{
U = Users.item(i).textContent;
W = Wins.item(i).textContent;
L = Losses.item(i).textContent;
div.innerHTML = div.innerHTML + "<tr> <td>" + U + "</td> <td>" + W + "</td> <td>" + L + "</td> </tr>";
}
div.innerHTML = div.innerHTML + "</table>";
}
</script>
</head>
<body onload = "requestUpdate()">
<button onclick = "requestUpdate()">Update</button>
<div id = "Scoreboard"></div>
</body>
サーブレットコードが
import java.io.IOException;
import java.io.FileReader;
import java.io.BufferedReader;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* Servlet implementation class CheckersServlet
*/
@WebServlet("/CheckersServlet")
public class CheckersServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public CheckersServlet() {
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
response.setContentType("text/xml");
PrintWriter out = response.getWriter();
out.println("<?xml version='1.0'?>");
BufferedReader fReader = new BufferedReader(new FileReader("/Users/adamsturge991/desktop/checkersdatabase.txt"));
String data = fReader.readLine();
out.println("<CheckersData>");
while(data != null)
{
out.println("<User>");
out.println("<Username>");
out.println(data);
out.println("</Username>");
data = fReader.readLine();
out.println("<Password>");
out.println(data);
out.println("</Password>");
data = fReader.readLine();
out.println("<Wins>");
out.println(data);
out.println("</Wins>");
data = fReader.readLine();
out.println("<Losses>");
out.println(data);
out.println("</Losses>");
out.println("</User>");
data = fReader.readLine(); //get next username or null if end of database
}
out.println("</CheckersData>");
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
}
}
あなたはhttp://www.jquery.comになっているはずです。それはあなたのためにこれのほとんどを簡素化します。 – Ariel