java+jquery处理xml数据的方法
Java / 管理员 发布于 8年前 189
- 相关文章
- 在java中实现的脱敏工具类代码示例分享(0个评论)
- zookeeper安装流程步骤(0个评论)
- 在java中你背的“八股文”可能已经过时了(2个评论)
- 在php8.0+版本中使用属性来增加值代码示例(3个评论)
- java 正则表达式基础，实例学习资料收集大全 原创(0个评论)
- 近期文章
- 在go中实现一个常用的先进先出的缓存淘汰算法示例代码(0个评论)
- 在go+gin中使用"github.com/skip2/go-qrcode"实现url转二维码功能(0个评论)
- 在go语言中使用api.geonames.org接口实现根据国际邮政编码获取地址信息功能(1个评论)
- 在go语言中使用github.com/signintech/gopdf实现生成pdf分页文件功能(0个评论)
- gmail发邮件报错:534 5.7.9 Application-specific password required...解决方案(0个评论)
- 欧盟关于强迫劳动的规定的官方举报渠道及官方举报网站(0个评论)
- 在go语言中使用github.com/signintech/gopdf实现生成pdf文件功能(0个评论)
- Laravel从Accel获得5700万美元A轮融资(0个评论)
- 在go + gin中gorm实现指定搜索/区间搜索分页列表功能接口实例(0个评论)
- 在go语言中实现IP/CIDR的ip和netmask互转及IP段形式互转及ip是否存在IP/CIDR(0个评论)
- 近期评论
-
122 在
学历：一种延缓就业设计，生活需求下的权衡之选中评论 工作几年后，报名考研了，到现在还没认真学习备考，迷茫中。作为一名北漂互联网打工人.. -
123 在
Clash for Windows作者删库跑路了，github已404中评论 按理说只要你在国内，所有的流量进出都在监控范围内，不管你怎么隐藏也没用，想搞你分.. -
原梓番博客 在
在Laravel框架中使用模型Model分表最简单的方法中评论 好久好久都没看友情链接申请了，今天刚看，已经添加。.. -
博主 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 @1111老铁这个不行了，可以看看近期评论的其他文章.. -
1111 在
佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法中评论 网站不能打开，博主百忙中能否发个APP下载链接，佛跳墙或极光..
本文实例讲述了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("");
}
Top
//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="https:/article/js/AjaxJqueryXml.js"></script>
<script type="text/javascript" src="https:/article/js/jquery.js"></script>
<!--<link rel="stylesheet" type="text/css" href="https:/article/./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库文件。
<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="https:/article/js/AjaxJqueryXml.js"></script>
<script type="text/javascript" src="https:/article/js/jquery.js"></script>
<!--<link rel="stylesheet" type="text/css" href="https:/article/./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程序设计有所帮助。
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号
