利用jQuery接受和处理xml数据的代码(.net)


Posted in Javascript onMarch 28, 2011

效果如下:

利用jQuery接受和处理xml数据的代码(.net)

利用jQuery接受和处理xml数据的代码(.net)

服务器端

package com.ljq.test; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
import javax.servlet.ServletException; 
import java.io.IOException; 
import java.io.PrintWriter; 
/** 
* 利用jQuery接受和处理xml数据 
* 
* @author jiqinlin 
* 
*/ 
@SuppressWarnings("serial") 
public class AjaxXmlServer extends HttpServlet{ 
protected void doGet(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
try{ 
//修改一----响应的Content-Type必须是text/xml 
response.setContentType("text/xml;charset=utf-8"); 
PrintWriter out = response.getWriter(); 
//1.取参数 
String old = request.getParameter("name").trim(); 
//修改二-----返回的数据需要拼装成xml格式 
StringBuilder builder = new StringBuilder(); 
builder.append("<message>"); 
//2.检查参数是否有问题 
if(old == null || "".equals(old)){ 
builder.append("用户名不能为空").append("</message>"); 
} else{ 
//3.校验操作 
String name = old; 
if(name.equals("linjiqin")){ 
builder.append("用户名[" + name + "]已经存在,请使用其他用户名").append("</message>"); 
} else{ 
builder.append("用户名[" + name + "]尚未存在,可以使用该用户名注册").append("</message>"); 
} 
out.println(builder.toString()); 
System.out.println(builder.toString()); 
} 
} catch(Exception e){ 
e.printStackTrace(); 
} 
} 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
doGet(request, response); 
} 
}

修改web.xml
<servlet> 
<servlet-name>AjaxXmlServer</servlet-name> 
<servlet-class>com.ljq.test.AjaxXmlServer</servlet-class> 
</servlet> 
<servlet-mapping> 
<servlet-name>AjaxXmlServer</servlet-name> 
<url-pattern>/servlet/ajaxXmlServer</url-pattern> 
</servlet-mapping>

请求页面
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<script type="text/javascript" src="http://localhost:8083/jqueryprj/js/jquery-1.3.1.js"></script> 
<script type="text/javascript" src="http://localhost:8083/jqueryprj/js/verifyjqueryxml.js"></script> 
</head> 
<body> 
<input type="text" id="userName" /> 
<input type="button" value="校验" onclick="verify()"/> 
<div id="result"></div> 
<!--div和span的直观差异,div中的内容独占行,span中的内容和前后其他内容相处良好--> 
</body> 
</html>

js
function verify(){ 
var userName = $("#userName").val(); 
$.ajax({ 
type: "POST", //http请求方式 
url: "servlet/ajaxXmlServer", //服务器端url地址 
data: "name=" + userName, //发送给服务器端的数据 
dataType: "xml", //告诉JQuery返回的数据格式 
success: callback //定义交互完成,并且服务器正确返回数据时调用的回调函数 
}); 
} 
//回调函数 
function callback(data) { 
var jqueryObj = $(data); 
//获取message节点 
var message = jqueryObj.children(); 
//获取文本内容 
var text = message.text(); 
//4.将服务器段返回的数据动态的显示在页面上 
$("#result").html(text); 
}
Javascript 相关文章推荐
ExtJS4 组件化编程,动态加载,面向对象,Direct
May 12 Javascript
js 如何实现对数据库的增删改查
Nov 23 Javascript
formvalidator验证插件中有关ajax验证问题
Jan 04 Javascript
js清除input中type等于file的值域(示例代码)
Dec 24 Javascript
javascript解析json数据的3种方式
May 08 Javascript
使用jQuery jqPlot插件绘制柱状图
Dec 18 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
Dec 04 Javascript
解析浏览器端的AJAX缓存机制
Jun 21 Javascript
javascript函数的四种调用模式
Jan 08 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
layui禁用侧边导航栏点击事件的解决方法
Sep 25 Javascript
jquery.combobox中文api和例子,修复了上面的小bug
Mar 28 #Javascript
基于jquery的下拉框改变动态添加和删除表格实现代码
Sep 12 #Javascript
基于jQuery的可用于选项卡及幻灯的切换插件
Mar 28 #Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
Mar 28 #Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
Mar 28 #Javascript
基于jquery的获取浏览器窗口大小的代码
Mar 28 #Javascript
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
Mar 25 #Javascript
You might like
【动漫杂谈】关于《请在T台上微笑》
2020/03/03 日漫
php写的带缓存数据功能的mysqli类
2012/09/06 PHP
PHP写日志的实现方法
2014/11/05 PHP
PHP比较运算符的详细介绍
2015/09/29 PHP
Yii中srbac权限扩展模块工作原理与用法分析
2016/07/14 PHP
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
关于火狐(firefox)及ie下event获取的两种方法
2012/12/27 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
2016/06/28 Javascript
js改变透明度实现轮播图的算法
2020/08/24 Javascript
vue.js表格组件开发的实例详解
2016/10/12 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
2017/05/22 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
2018/09/04 jQuery
vscode配置vue下的es6规范自动格式化详解
2019/03/20 Javascript
小程序和web画三角形实现解析
2019/09/02 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
2019/10/24 Javascript
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python 文件和输入输出小结
2013/10/09 Python
python在命令行下使用google翻译(带语音)
2014/01/16 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
python difflib模块示例讲解
2017/09/13 Python
深入理解python中函数传递参数是值传递还是引用传递
2017/11/07 Python
python按照多个条件排序的方法
2019/02/08 Python
Python 绘制可视化折线图
2020/07/22 Python
HTML5移动端开发遇见的东西
2019/10/11 HTML / CSS
可持续木材、生态和铝制太阳镜:Proof Eyewear
2019/07/24 全球购物
售前工程师职业生涯规划
2014/03/02 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
园林设计专业毕业生求职信
2014/03/23 职场文书
我爱我的祖国演讲稿
2014/05/04 职场文书
应届生求职信范文
2014/05/26 职场文书
2014年法院个人工作总结
2014/12/17 职场文书
销售内勤岗位职责范本
2015/04/13 职场文书
关于对TypeScript泛型参数的默认值理解
2022/07/15 Javascript