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程序设计有所帮助。