java+jquery处理xml数据的方法
本文实例讲述了java+jquery处理xml数据的方法。分享给大家供大家参考。具体实现方法如下：
1.AjaxJqueryXml.js如下：
functionverify(){
//1.获取文本框中的内容
//jquery查找节点的方式，参数加#加上id属性可以找到一个节点
//jquery的方法返回的都是jquery的对象，可以继续在上面执行其他的jquery方法
varjqueryObj=$("#userName");
//获取节点的值
varuserName=jqueryObj.val();
//alert(userName);
//2.将文本框中的数据发送给服务遄的servlet
//使用jquery的XMLHTTPrequest对象get请求的封装
//$.get("servlet/AjaxServlet?name="+userName,null,callback);
//使用jquery的xmlhttprequest对象get请求的封装
//varobj={name:"123",age:20};
$.ajax({
type:"POST",
url:"servlet/AjaxXmlServlet",
data:"name="+userName,//发送给服务端的数据
dataType:"xml",//告诉jquety返回的数据格式
success:callback//定义交互完成，并且服务端在下返回数据的回调函数
});
}
//回调函数
functioncallback(data){
//3.接收服务器端返回的数据
//alert("服务器端的数据回来了！")
//需要将data这个对象中的数据解析出来
//首先需要将dom的对象转换成jquery的对象
varjqueryObj=$(data);
//获取message节点
varmessage=jqueryObj.children();
//获取文本内容
vartext=message.text();
//4.将服务器返回的数据动态的显示在网页上
//找到保存结果信息的节点
varresultObj=$("#result");
//动态的改变页面中DIV节点的内容
resultObj.html(text);
//alert("");
}
2.AjaxXmlServlet.java如下：
packagecom.panlong.servlet;
importjava.io.IOException;
importjava.io.PrintWriter;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
publicclassAjaxXmlServletextendsHttpServlet{
privatestaticfinallongserialVersionUID=1L;
protectedvoiddoGet(HttpServletRequestreq,HttpServletResponseresp)
throwsServletException,IOException{
Integertotal=(Integer)req.getSession().getAttribute("total");
inttemp=0;
if(total==null){
temp=1;
}else{
temp=total.intValue()+1;
}
req.getSession().setAttribute("total",total.intValue()+temp);
try{
//1.取参数
resp.setContentType("text/xml;charset=GB2312");
PrintWriterout=resp.getWriter();
StringBuilderbuilder=newStringBuilder();
Stringold=req.getParameter("name");
//2、检查参数是否有问题
Stringname=old;
builder.append("<message>");
if("".equals(old)||old==null){
builder.append("用户名必须输入").append("</message>");
}
else
{
if("lila".equals(name)){
builder.append("该用户名已经注册").append("</message>");
}else{
builder.append("该用户名未注册，您可以注册["+name+"]这个用户名").append("</message>");
}
}
out.println(builder.toString());
}catch(Exceptione){
e.printStackTrace();
//3.检验操作
}
}
protectedvoiddoPost(HttpServletRequestreq,HttpServletResponseresp)
throwsServletException,IOException{
doGet(req,resp);
}
}
3.前台html页面
<!DOCTYPEhtml>
<html>
<head>
<title>AJAX实例</title>
<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
<metahttp-equiv="description"content="thisismypage">
<metahttp-equiv="content-type"content="text/html;charset=GB2312">
<scripttype="text/javascript"src="js/AjaxJqueryXml.js"></script>
<scripttype="text/javascript"src="js/jquery.js"></script>
<!--<linkrel="stylesheet"type="text/css"href="./styles.css">-->
</head>
<body>
<fontcolor="blue"size="2">请输入用户名：</font>
<inputtype="text"id="userName"/><fontcolor="red"size="2"><spanid="result">*</span></font><br/><br/>
<inputtype="submit"name="提交"value="提交" onclick="verify()"/>
</body>
</html>这里请自己添加jquery库文件。
希望本文所述对大家的Ajax程序设计有所帮助。