Ajax中xmlHttpRequest对象的status总是等于404(页 1) - JavaScript论坛

hwoarangzk 发表于 2008-1-11 15:17

Ajax中xmlHttpRequest对象的status总是等于404

我按照《Ajax基础教程》上的toolTip例子写的，其中一段：
function callback() {
      //alert("callback1");
      if (xmlHttp.readyState == 4) {
         //alert("callback");
         if (xmlHttp.status == 200) {
            alert("callback2");
            setData(xmlHttp.responseXML);
         }
      }
}
这里，status==200不行，我改成404就可以了，说明没有找到资源。可是写的servlet也没有问题啊，为什么会找不到啊？
var url = "ToolTipServlet?key=" + escape(element.id);
这个是xmlHttp.open("GET", url, true)里面的url，我检查过了，servlet名字大小写都是对的，是escape函数有问题吗？

wyg4859 发表于 2008-1-11 15:23

版主，把你的url输出来先，我帮你顶了先，能先解决我的问题吗？

hwoarangzk 发表于 2008-1-11 15:29

你那个我电脑上没法运行啊...

渚薰发表于 2008-1-14 09:01

把完整的代码写出来，光给回调函数没啥可分析的……

hwoarangzk 发表于 2008-1-14 09:45

厄，奇怪的问题，今天早上一来再运行就好了，没有任何的改动...[em10]
为什么会这样？

hwoarangzk 发表于 2008-1-14 09:48

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Ajax Tool Tip Example</title>
<script>
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
var dataDiv;
var dataTable;
var dataTableBody;
var offsetEl;

function initVars() {
//alert("initVars");
dataTableBody = document.getElementById("courseDataBody");
dataTable = document.getElementById("courseData");
dataDiv = document.getElementById("popup");
}

function getCourseData(element) {
//alert("getCourseData");
initVars();
offsetEl = element;
var url = "ToolTipServlet?key=" + escape(element.id);
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);
}

function callback() {
//alert("callback1");
if (xmlHttp.readyState == 4) {
//alert("callback");
if (xmlHttp.status == 200) {
[color=Red]alert("callback2");[/color]
setData(xmlHttp.responseXML);
}
}
}

function setData(courseData) {
//alert("setData");
clearData();
setOffsets();
var length = courseData.getElementsByTagName("length")[0].firstChild.data;
var par = courseData.getElementsByTagName("par")[0].firstChild.data;
var row, row2;
var parData = "Par:" + par;
var lengthData = "Length:" + length;
row = createRow(parData);
row2 = createRow(lengthData);
dataTableBody.appendChild(row);
dataTableBody.appendChild(row2);
}

function createRow(data) {
var row, cell, txtNode;
row = document.createElement("tr");
cell = document.createElement("td");
cell.setAttribute("bgcolor", "#FFFAFA");
cell.setAttribute("border", "0");
txtNode = document.createTextNode(data);
cell.appendChild(txtNode);
row.appendChild(cell);
return row;
}

function setOffsets() {
var end = offsetEl.offsetWidth;
var top = calculateOffsetTop(offsetEl);
dataDiv.style.border = "black 1px solid";
dataDiv.style.left = end + 15 + "px";
dataDiv.style.top = top + "px";
}

function calculateOffsetTop(field) {
return calculateOffset(field, "offsetTop");
}

function calculateOffset(field, attr) {
var offset = 0;
while(field) {
offset += field[attr];
field = field.offsetParent;
}
return offset;
}

function clearData() {
var ind = dataTableBody.childNodes.length;
for(var i = ind - 1; i >= 0; i--) {
dataTableBody.removeChild(dataTableBody.childNodes[i]);
}
dataDiv.style.border = "none";
}

</script>
</head>
<body>
<h1>Ajax Tool Tip Example</h1><br/>
<h3>Golf Course</h3><br/>
<table id="courses" bgcolor="#FFFAFA" border="1" cellspacing="0" cellpadding="2" >
<tbody>
<tr>
<td id="1" onmouseover="getCourseData(this);" onmouseout="clearData();" >August National</td>
</tr>
<tr>
<td id="2" onmouseover="getCourseData(this);" onmouseout="clearData();" >Pinehurst No.2</td>
</tr>
<tr>
<td id="3" onmouseover="getCourseData(this);" onmouseout="clearData();" >St. Andrews Links</td>
</tr>
<tr>
<td id="4" onmouseover="getCourseData(this);" onmouseout="clearData();" >Golf Club</td>
</tr>
</tbody>
</table>
<div style="position:absolute;" id="popup">
<table id="courseData" bgcolor="#FFFAFA" border="1" cellspacing="0" cellpadding="2">
<tbody id="courseDataBody"></tbody>
</table>
</div>
</body>
</html>
然后是servlet:
package src;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;

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

/**
* Servlet implementation class for Servlet: ToolTipServlet
*
*/
public class ToolTipServlet extends javax.servlet.http.HttpServlet implements javax.servlet.Servlet {
/* (non-Java-doc)
   * @see javax.servlet.http.HttpServlet#HttpServlet()
   */

private Map courses = new HashMap();

public void init(ServletConfig config) throws ServletException {
CourseData a = new CourseData(72, 7290);
CourseData b = new CourseData(70, 7214);
CourseData c = new CourseData(72, 6566);
CourseData d = new CourseData(70, 7392);
courses.put(new Integer(1), a);
courses.put(new Integer(2), b);
courses.put(new Integer(3), c);
courses.put(new Integer(4), d);
}
public ToolTipServlet() {
super();
}

/* (non-Java-doc)
   * @see javax.servlet.http.HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
   */
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
Integer key = Integer.valueOf(request.getParameter("key"));
CourseData data = (CourseData)courses.get(key);
response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-cache");
PrintWriter out = response.getWriter();
out.println("<response>");
out.println("<par>" + data.getPar() + "</par>");
out.println("<length>" + data.getLength() + "</length>");
out.println("</response>");
out.close();
}

/* (non-Java-doc)
   * @see javax.servlet.http.HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
   */
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}

private class CourseData {
private int par;
private int length;

public CourseData(int par, int length) {
this.par = par;
this.length = length;
}

public int getLength() {
return length;
}

public int getPar() {
return par;
}
}
}
红色那行上周怎么样都输不出来，今天一来就好了...

渚薰发表于 2008-1-15 13:41

明显servlet的问题……
另外，不要把XMLHttpRequest做为全局变量，好好去研究下Prototype是怎样封装xhr的吧

hwoarangzk 发表于 2008-1-15 14:08

servlet有什么问题吗？厄，我这样写xmlHttp是为了方便，因为我机子上的ie支持这样的

渚薰发表于 2008-1-15 17:03

这不是方不方便的问题
如果用全局变量来保存一个xhr的实例
那么每次使用的都是同一个实例。
举个简单的例子：
比如用户进行一次操作，你用这个xhr的实例去取数据，而当数据还没有返回时，用户又进行了一次操作，你又需要用同一个xhr的实例去取数据，是会出错的。
所以，每次进行异步调用，都必须是不同的xhr实例，而不能是同一个。
再另外，不知道你说的“用的方便”出于何利用，有现成的Prototype这么方便的框架摆在面前不用，却要自己写这么底层的代码……

hwoarangzk 发表于 2008-1-15 17:09

因为在看《Ajax基础教程》，上面这么写的，以前没学过Ajax。还有，servlet有什么问题啊？哪里不对吗？

hwoarangzk 发表于 2008-1-16 09:41

又来上班了，还是没想通servlet有什么问题，能告诉我吗？

渚薰发表于 2008-1-16 12:29

有可能你那会测的时候tomcat服务没起等等，xhr返回404，证明xhr是工作正常的，唯一有可能出现问题的地方就是你的servelt容器

hwoarangzk 发表于 2008-1-16 12:37

有可能，因为之前的tomcat还有其他项目在运行，第二天来再运行就可以了，不过应该跟servlet没关系吧，书上的servlet就这么写的

渚薰发表于 2008-1-16 14:38

servlet容器指的就是你的服务器

hwoarangzk 发表于 2008-1-16 15:30

你昨天不是说我servlet有问题吗？没说servlet容器有问题啊

黄袖标 发表于 2008-1-16 17:03

现在ie7兼容6的时候，ajax有点小问题，不过知道6跟7的差别的话，可以稍微改下就能正常使用，这里给大家提个醒。[em19]

关键是看到 hwoarangzk bz在这，就进来发点牢骚。对了，找到完整的jsf教程给我来个消息。不胜感激。

[[italic] 本帖最后由黄袖标于 2008-1-16 17:11 编辑 [/italic]]

渚薰发表于 2008-1-16 17:06

[quote]原帖由 [bold][underline]hwoarangzk[/underline][/bold] 于 2008-1-16 15:30 发表 [url=http://bbs.bccn.net/redirect.php?goto=findpost&pid=1181765&ptid=197039][img]http://bbs.bccn.net/images/common/back.gif[/img][/url]
你昨天不是说我servlet有问题吗？没说servlet容器有问题啊 [/quote]

我没仔细看你代码，随便说的……

[[italic] 本帖最后由渚薰于 2008-1-16 17:10 编辑 [/italic]]

hwoarangzk 发表于 2008-1-16 17:35

[em10]
To黄袖标：只找到一个在线的，我现在就在看：
[url]http://www.1cn.biz/docs/LanguageTech/JavaServerFaces/JavaServerFaces.htm[/url]

黄袖标 发表于 2008-1-17 09:02

[quote]原帖由 [bold][underline]hwoarangzk[/underline][/bold] 于 2008-1-16 17:35 发表 [url=http://bbs.bccn.net/redirect.php?goto=findpost&pid=1181908&ptid=197039][img]http://bbs.bccn.net/images/common/back.gif[/img][/url]
[em10]
To黄袖标：只找到一个在线的，我现在就在看：
[url]http://www.1cn.biz/docs/LanguageTech/JavaServerFaces/JavaServerFaces.htm[/url] [/quote]

收到。3q

huiccsu 发表于 2008-3-19 12:53

应该是你url的问题，你把你的servlet的路径写完整，应该就没得这个错啦～～

页: [1]