java+jquery处理xml数据的方法
本文实例讲述了java+jquery处理xml数据的方法。分享给大家供大家参考。具体实现方法如下：
1. AjaxJqueryXml.js如下：
function verify(){
//1.获取文本框中的内容
//jquery查找节点的方式，参数加#加上id属性可以找到一个节点
//jquery的方法返回的都是jquery的对象，可以继续在上面执行其他的jquery方法
var jqueryObj = $("#userName");
//获取节点的值
var userName = jqueryObj.val();
//alert(userName);
//2.将文本框中的数据发送给服务遄的servlet
//使用jquery的XMLHTTPrequest对象get请求的封装
//$.get("servlet/AjaxServlet?name="+userName,null,callback);
//使用jquery的xmlhttprequest对象get请求的封装
//var obj = {name:"123",age:20};
$.ajax({
type: "POST",
url: "servlet/AjaxXmlServlet",
data: "name=" + userName,//发送给服务端的数据
dataType: "xml",//告诉jquety返回的数据格式
success: callback//定义交互完成，并且服务端在下返回数据的回调函数
});
}
// 回调函数
function callback(data){
//3.接收服务器端返回的数据
//alert("服务器端的数据回来了！")
//需要将data这个对象中的数据解析出来
//首先需要将dom的对象转换成jquery的对象
var jqueryObj = $(data);
//获取message节点
var message = jqueryObj.children();
//获取文本内容
var text = message.text();
//4.将服务器返回的数据动态的显示在网页上
//找到保存结果信息的节点
var resultObj = $("#result");
//动态的改变页面中DIV节点的内容
resultObj.html(text);
//alert("");
}
2. AjaxXmlServlet.java如下：
package com.panlong.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class AjaxXmlServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
Integer total = (Integer) req.getSession().getAttribute("total");
int temp = 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");
PrintWriter out = resp.getWriter();
StringBuilder builder = new StringBuilder();
String old = req.getParameter("name");
//2、检查参数是否有问题
String name = 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 (Exception e) {
e.printStackTrace();
//3.检验操作
}
}
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doGet(req, resp);
}
}
3. 前台html页面
<!DOCTYPE html>
<html>
<head>
<title>AJAX实例</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=GB2312">
<script type="text/javascript" src="js/AjaxJqueryXml.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<font color="blue" size="2">请输入用户名：</font>
<input type="text" id="userName" /><font color="red" size="2"><span id="result" >*</span></font><br/><br/>
<input type="submit" name="提交" value="提交" onclick="verify()"/>
</body>
</html>
这里请自己添加jquery库文件。
希望本文所述对大家的Ajax程序设计有所帮助。
相关推荐
-
通过XMLHttpRequest和jQuery实现ajax的几种方式
示例一:利用Ajax来动态获取时间的例子. HTML代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h
-
使用jquery解析XML的方法
本文实例讲述了使用jquery解析XML的方法,分享给大家供大家参考之用.具体方法如下: 一.xml文件结构:books.xml <?xml version="1.0" encoding="UTF-8"?> <root> <book id="1"> <name>深入浅出extjs</name> <author>张三</author> <price>88
-
jquery解析xml字符串示例分享
第一种方案: 复制代码 代码如下: <script type="text/javascript">$(document).ready(function() { $.ajax({ url: 'http://www.test.net/cgi/test.xml', dataType: 'xml', success: function(data){ //console.log(data); $(data).find("channel&quo
-
浅谈jQuery异步对象（XMLHttpRequest）
我们先来看看异步对象五部曲 这是post请求的. 复制代码 代码如下: //1.00创建异步对象 var xhr = new XMLHttpRequest(); //2.0 xhr.open("post", url,params, true); //3.0将参数使用Formdata属性传递 xhr.setRequestHeader("Content-Type
-
jquery读取xml文件实现省市县三级联动的方法
本文实例讲述了jquery读取xml文件实现省市县三级联动的方法.分享给大家供大家参考.具体如下: 页面代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'city.jsp' starting p
-
JQuery解析HTML、JSON和XML实例详解
1.HTML 有的时候会将一段HTML片段保存在HTML文件中,在另外的主页面直接读取该HTML文件,然后解析里面的HTML代码片段融入到主页面中. fragment.html文件,其内容: 复制代码 代码如下: <div>hello Jquery</div> 在主页面 Test.html中解析代码 复制代码 代码如下: $("#a1").click(function(){ $("#div2").load('fragment.html
-
jQuery读取XML文件内容的方法
本文实例讲述了jQuery读取XML文件内容的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml
-
jquery解析xml字符串简单示例
复制代码 代码如下: var $xml = $("<aa><bb para=\"bbpara\">bbtext</bb> <cc> cctext </cc><cc>789798</cc>aatext</aa>");function log(o){ $("textarea").val($("textarea").val()+"
-
jQuery xml字符串的解析、读取及查找方法
本文实例讲述了jQuery xml字符串的解析.读取及查找方法.分享给大家供大家参考,具体如下: xml字符串的解析 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm
-
jQuery实现定时读取分析xml文件的方法
本文实例讲述了jQuery实现定时读取分析xml文件的方法.分享给大家供大家参考.具体如下: 这里演示了jQuery如何通过ajax方式定时读取xml文件并分析. xml文件如下: <?xml version="1.0"?> <data> <page tasks="1" messages="3" notifications="3"/> </data> js文件如下: $(docu
-
jquery解析XML字符串和XML文件的方法说明
1.读取XML字符串:例如: 复制代码 代码如下: $(document).ready(function(){ var xml = "<xml><root><record><name>liubl</name></record><record><name>chencp</name</record></root></xml>";//var xml=&qu