XMLHTTP和DOMDocument在WEB应用上的使用问题
来源:互联网 发布:centos 7 邮件服务器 编辑:程序博客网 时间:2024/04/29 07:24
使用XMLHTTP可以在页面中实现无涮新自动获取服务器的新数据,
在一些聊天室中可以非常方便实现涮新新数据,同样,也可以在其它
BS应用中实现定时涮新页面数据。但在使用XMLHTTP和DOMDocument时
会碰到一些问题.一个是如何传送参数,二是中文乱码问题,还有就是如何解析XML代码。
1、参数传送和获得参数值
XMLHTTP的send方法
Send(varBody)
varBody:指令集。可以是XML格式数据,也可以是字符串,流,或者一个无符号整数数组。
也可以省略,让指令通过Open方法的URL参数代入。
send方法也可以传送参数对,各参数之间可以用&隔开,比如
var post = "id=1000&page=3";
xmlhttp.send(post);
或是在OPen方法的URL参数上加入,如
xmlhttp.open("POST", "http://localhost:8088/getData?id=1000&page=3", false);
在JSP或是Servlet中,可以和平常一样从request中得到参数
String id = (String)req.getParameter("id");
String page = (String)req.getParameter("page");
因为XMLHTTP发送的请求不是multipart/form-data格式的
因而注意在Servlet不能用multipart/form-data格式的一些方法。
2、中文乱码问题
XMLHTTP是以UTF-8编码格式发送请求和接收返回值的,因而如果不有进行编码处理,
而在发送的参数中或是接收的返回值中有中文,那么我们看到的是乱码
首先对发送的参数进行处理
var post="Years=2004-2005&TermID=秋冬"; //含有中文
xmlhttp.open("POST", "http://localhost:8088/getData", false);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //要有此句
xmlhttp.setRequestHeader("Content-Length",post.length);
xmlhttp.send(post);
在servlet里取参数时,对request进行编码处理
req.setCharacterEncoding("UTF-8");
然后取参数
String years = (String)req.getParameter("Years");
String termID = (String)req.getParameter("TermID");
如果在Servlet里有输出数据到请求的页面时,如果包含有中文,
也要进行编码处理
首先对response进行编码处理
private static final String CONTENT_TYPE = "text/html; charset=UTF-8";
res.setContentType(CONTENT_TYPE);
在输出的XML代码中用UTF-8进行编码
out.println("<?xml version=/"1.0/" encoding=/"UTF-8/" standalone=/"yes/" ?>");
out.println("<root>");
out.println("<person id=1>");
out.println("<name>张三</name>");
out.println("<gender>男</gender>");
out.println("</person>");
out.println("<book id=1>");
out.println("<bookid>11</bookid>");
out.println("<title>设计模式</title>");
out.println("</book>");
...
out.println("</root>");
3、在页面中对XML代码进行解析
全部代码如下
<script language="JavaScript">
function getNodeValue(root,NodeName)
{
try{
var node = root.selectSingleNode(NodeName);
return node.text;
}catch(e){
return "";
}
}
function getPersonNodeAttributes(XmlDoc)
{
var text = "";
var obj = XmlDoc.getElementsByTagName("person");
for (var i=0;i<obj.length;i++)
{
var node = obj.item(i);
var id=node.getAttribute("id");
var name=getNodeValue(node,"name");
var gender=getNodeValue(node,"gender");
text = "id = " + id + ",name = " + name + ",gender = " + gender;
alert(text);
}
return text;
}
function getBookNodeAttributes(XmlDoc)
{
var text = "";
var obj = XmlDoc.getElementsByTagName("book");
for (var i=0;i<obj.length;i++)
{
var node = obj.item(i);
var id=node.getAttribute("id");
var bookid=getNodeValue(node,"bookid");
var title=getNodeValue(node,"title");
text = "id = " + id + ",bookid = " + bookid + ",title = " + title;
alert(text);
}
return text;
}
//setInterval("checkResult()", 1000);//定时调用checkResult方法取新数据
function checkResult()
{
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.4.0");
xmlDoc.async = false;
var post="Years=2004-2005&TermID=秋冬";
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.4.0");
xmlhttp.open("POST", "http://localhost:8088/getData", false);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-Length",post.length);
xmlhttp.send(post);
xmlDoc.loadXML(xmlhttp.responseText);
var person = getBookNodeAttributes(xmlDoc);
var book = getPersonNodeAttributes(xmlDoc);
}
</SCRIPT>
- XMLHTTP和DOMDocument在WEB应用上的使用问题
- XMLHTTP和DOMDocument在WEB应用上的使用问题
- XMLHTTP和DOMDocument在WEB应用上的使用问题(二)
- DOMDocument 的使用
- ADSI及其在WEB上的应用
- P2P在web上的应用
- WebSocket在web上的应用
- ffmpeg在java web 上的应用
- 在项目中xmlhttp,我的使用
- 在项目中xmlhttp的使用
- XMLHTTP在服务端和客户端的差别
- linux在weblogic上发布web应用以及weblogic输入密码后报错的问题
- # 在Linux下的was服务器上部署web应用遇到问题
- 使用vs2008制作的Web应用部署项目为什么不能在WindowsServer2008的iis7上部署
- 关于使用.Net4的web应用在mono上呈现目录结构的解决办法
- Microsoft.XMLHttp 的属性和方法使用
- Microsoft.XMLHTTP的应用
- 使用maven在Windows平台上重部署web应用
- [转]对象数量(单件与对象池的区别)
- 使用VC++ ATL实现Office的COM插件
- 郁闷的一天
- QQ技术全攻略(原来简单的QQ,还隐藏着这么多秘密!)
- [转载]Struts简单分析
- XMLHTTP和DOMDocument在WEB应用上的使用问题
- 实现MSDN China的导航Panel
- shark使用oracle9i的安装
- 搭建Java开发环境
- 第二天
- 今夜静悄悄
- 3C融合(3c fusion)
- ACCESS在NTFS中只能读不能修改问题
- rmi(Remote Method Invocation ) 學習