Ajax页面显示不正常

happydaisy1985 2008-12-11 10:06:51
数据显示页面的代码：
<%@ page contentType="text/html;charset=gb2312" language="java" %>
<html>
<head>
<%
String zdid=request.getParameter("zdid");
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<script language="javascript">
var XMLHttpReq;

//创建XMLHttpRequest对象

function createXMLHttpRequest() {
if(window.XMLHttpRequest) { //Mozilla 浏览器
XMLHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE浏览器
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e){
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}
//发送请求函数
function sendRequest() {
createXMLHttpRequest();
var url = "datafresh4?zdid=<%=zdid%>";
XMLHttpReq.open("GET", url, true);
XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
XMLHttpReq.send(null); // 发送请求
}
// 处理返回信息函数
function processResponse() {
if (XMLHttpReq.readyState == 4) { // 判断对象状态
if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
DisplayHot();
setTimeout("sendRequest()", 1000);
} else { //页面不正常
window.alert("您所请求的页面有异常。");
}
}
}
function DisplayHot() {
var sanshashuiwen = XMLHttpReq.responseXML.getElementsByTagName("sanshashuiwen")[0]. firstChild.nodeValue;
var sanshaqixiang = XMLHttpReq.responseXML.getElementsByTagName("sanshaqixiang")[0]. firstChild.nodeValue;

document.getElementById("sanshashuiwen").innerHTML =sanshashuiwen;
document.getElementById("sanshaqixiang").innerHTML =sanshaqixiang;
}

</script>
<body onload =sendRequest() background="images/bg.gif" >
<p class="InTimeData">
<table width="1024" border="0" height="29">

<tr height="100%">
<div id="sanshashuiwen" style="position:absolute; width:195px; height:87px; z-index:1; left: 59px; top: 60px;" ></div>
<div id="sanshaqixiang" style="position:absolute; width:240px; height:142px; z-index:1; left: 263px; top: 60px;" ></div> </td>
</tr>
</table>
</center>
</body>
</html>

datafresh4?zdid=400是可以正常显示的
显示的内容：
- <response>
<sanshashuiwen>没有数据。</sanshashuiwen>
<sanshaqixiang><font color=#71626C>站点ID:</font><font color=#000000>400.0</font><br>
<font color=#71626C>温度:</font><font color=#000000>15.3</font><br>
<font color=#71626C>湿度:</font><font color=#000000>51.6</font><br>
<font color=#71626C>气压:</font><font color=#000000>1020.5</font><br>
<font color=#71626C>降水:</font><font color=#000000>0.0</font><br>
<font color=#71626C>能见度:</font><font color=#000000>0.0</font><br>
<font color=#71626C>风速:</font><font color=#000000>6.36</font><br>
<font color=#71626C>风向:</font><font color=#000000>58.0</font><br>
</sanshaqixiang>
</response>
可是数据显示页面运行是一直提示：您请求的页面有异常，大家帮我看看错误出在哪了？我想查看具体的错误信息，不知道该怎么看，怎么把具体的错误信息打印出来呢？用out.println(e.toString())放在js中似乎不行,大家帮帮忙吧，十分感谢！
...全文
100 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
ningyougang 2008-12-11
  • 打赏
  • 举报
 回复
alert;
ningyougang 2008-12-11
  • 打赏
  • 举报
 回复
alert;
jiduomi123 2008-12-11
  • 打赏
  • 举报
 回复
var sanshashuiwen = XMLHttpReq.responseXML.getElementsByTagName("sanshashuiwen")[0]. firstChild.nodeValue;
这句说明你是以xml格式来获得返回的数据
而你返回的数据为：
<response>
<sanshashuiwen>没有数据。 </sanshashuiwen>
<sanshaqixiang> <font color=#71626C>站点ID: </font> <font color=#000000>400.0 </font> <br>
<font color=#71626C>温度: </font> <font color=#000000>15.3 </font> <br>
<font color=#71626C>湿度: </font> <font color=#000000>51.6 </font> <br>
<font color=#71626C>气压: </font> <font color=#000000>1020.5 </font> <br>
<font color=#71626C>降水: </font> <font color=#000000>0.0 </font> <br>
<font color=#71626C>能见度: </font> <font color=#000000>0.0 </font> <br>
<font color=#71626C>风速: </font> <font color=#000000>6.36 </font> <br>
<font color=#71626C>风向: </font> <font color=#000000>58.0 </font> <br>
</sanshaqixiang>
</response>
根据xml的规范 节点中的内容是不能包含一些特殊的字符的（在没有声明为CDATA节的情况下）
因此你在服务器端发送这个xml的时候应该在<sanshaqixiang>里声明为CDATA节点
修改如下：
<response>
<sanshashuiwen>没有数据。 </sanshashuiwen>
<sanshaqixiang><![CDATA[ <font color=#71626C>站点ID: </font> <font color=#000000>400.0 </font> <br>
<font color=#71626C>温度: </font> <font color=#000000>15.3 </font> <br>
<font color=#71626C>湿度: </font> <font color=#000000>51.6 </font> <br>
<font color=#71626C>气压: </font> <font color=#000000>1020.5 </font> <br>
<font color=#71626C>降水: </font> <font color=#000000>0.0 </font> <br>
<font color=#71626C>能见度: </font> <font color=#000000>0.0 </font> <br>
<font color=#71626C>风速: </font> <font color=#000000>6.36 </font> <br>
<font color=#71626C>风向: </font> <font color=#000000>58.0 </font> <br>
]]></sanshaqixiang>
</response>
shanghonglei 2008-12-11
  • 打赏
  • 举报
 回复
alert放在js中可能行
gongyali2005 2008-12-11
  • 打赏
  • 举报
 回复
用out.println(e.toString())放在js中似乎不行,

用alert
html5 Ajax用户注册资料修改页面.rar
html5仿新浪微博Ajax用户注册资料修改页面，无刷新检测用户信息是否正确，不正确则以Ajax方式显示提示，以前见到一款基于jquery的插件，专门实现此类功能，现在HTML5时代了，用纯HTML5代码就能实现这种ajax效果，真是太方便了。
AJAX异步验证
AJAX实现异步验证 我们在做验证码的时候往往由于要反，验证有时故意加入多的干扰因素，这时验证码显示不很清楚，用户经常输入错误。这样不但要重新刷新页面，导致用户没有看清楚验证码而重填而不是修改，而且如果没有用session保存下用户输入的其它数据的话(如姓名)，用户刚刚输入的内容也不存在了，这样给用户造成不好的体验。 本例在原有验证方式基础之上增加一段js，通过xmlhttp来获取返回值，以此来验证是否有效，这样即使用户浏览器不支持js，也不会影响他的正常使用了。
AJAX使用场景分析
　1.表单驱动的交互 　　传统的表单提交，在文本框输入内容后，点击按钮，后台处理完毕后，页面刷新，再回头检查是否刷新结果正确。使用Ajax，在点击submit按钮后，立刻进行异步处理，并在页面上快速显示了更新后的结果，这里没有整个页面刷新的问题。
jquery+ajax无刷新评论源码
jquery+ajax无刷新评论源码 实现了获取评论无刷新，发表评论无刷新，页面获取评论时显示loading加载效果 jquery真的是一个非常优秀的JS库，简单容易掌握，对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示， 实现起来都非常的简单，往往就是几句代码的事。 做AJAX应用，jquery提供的$.get()、$.post()函数都可以用于提交数据，但建议使用$.ajax()来提交，那两个函数都不 提供错误返回信息，不利全面掌控。 提交数据是action代表要执行的操作，id传递文章id，page是请求的分页页面，Math.round(Math.random()*10000) 防止页面被浏览器缓存而导致暂时无法刷新，如果出错显示错误信息 客户端用escape()函数编码含中文的字符串，服务器端用unescape()解码，这样做是为了防止乱码，如果你采用的是utf8， 那就不必了，设置正确的页面编码和服务端脚本编码就不会出问题。由于jquery默认使用utf8传输数据，而且不提供设置编码， 这里只有自己做转换，如果你用form插件的时候就会发现，编码问题是不能回绝的。 完全开源，仅供学习 前台地址 index.htm 后面管理地址:admin.aspx
SWFupload(AJAX开发组件)
SWFUpload是一个基于flash与javascript的客户端文件上传组件。你可以在文件选择对话框中通过ctrl/shift键一次性选择多个上传文件。可以在所有事件中加入Javascript回调函数。可以在上传开始前取得文件信息。能够利用HTML显示文件上传中的一些信息。不需要刷新页面。当不支持Flash或javascript时，能够自动变成正常的HTML上传Form。可以在上传开始前控制文件大小。当上传多个文件时，它将自动创建上传队列，在还没有开始上传前可从队列中移除或添加文件。
Web 开发

81,092

社区成员

341,717

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章