java+jquery处理xml数据的方法
程序员文章站
2022-06-14 15:22:49
本文实例讲述了java+jquery处理xml数据的方法。分享给大家供大家参考。具体实现方法如下：
1. ajaxjqueryxml.js如下：
复制代码 代码如下:f...
本文实例讲述了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("");
}
//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);
}
}
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>
<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程序设计有所帮助。
上一篇： 教你php如何实现验证码
下一篇： jquery ui dialog