利用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 相关文章推荐
JS实现下拉框的动态添加(附效果)
Apr 03 Javascript
jquery序列化表单去除指定元素示例代码
Apr 10 Javascript
jQuery实现大转盘抽奖活动仿QQ音乐代码分享
Aug 21 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
Oct 09 Javascript
jquery中用jsonp实现搜索框功能
Oct 18 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
Dec 22 Javascript
浅谈angularjs $http提交数据探索
Jan 20 Javascript
vue 本地环境跨域请求proxyTable的方法
Sep 19 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
javascript自定义右键菜单插件
Dec 16 Javascript
ES6函数实现排它两种写法解析
May 13 Javascript
解决vue-photo-preview 异步图片放大失效的问题
Jul 29 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
注册页面之前先验证用户名是否存在的php代码
2012/07/14 PHP
php开启与关闭错误提示适用于没有修改php.ini的权限
2014/10/16 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
javascript 变量作用域 代码分析
2009/06/26 Javascript
jQuery EasyUI NumberBox(数字框)的用法
2010/07/08 Javascript
通过jquery还原含有rowspan、colspan的table的实现方法
2012/02/10 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
JS隐藏参数post传值实例
2013/04/18 Javascript
jQuery+Ajax实现无刷新分页
2015/10/30 Javascript
认识Knockout及如何使用Knockout绑定上下文
2015/12/25 Javascript
jQuery插件扩展实例【添加回调函数】
2016/11/26 Javascript
jQuery时间日期三级联动(推荐)
2016/11/27 Javascript
AngularJS学习第一篇 AngularJS基础知识
2017/02/13 Javascript
nodejs body-parser 解析post数据实例
2017/07/26 NodeJs
Js利用console计算代码运行时间的方法示例
2017/09/24 Javascript
angularjs $http调用接口的方式详解
2018/08/13 Javascript
vue.js中proxyTable 转发请求的实现方法
2018/09/20 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
如何为vue的项目添加单元测试
2018/12/19 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
在node环境下parse Smarty模板的使用示例代码
2019/11/15 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
js最全的数组的降维5种办法(小结)
2020/04/28 Javascript
JavaScript中的函数式编程详解
2020/08/22 Javascript
Vue获取微博授权URL代码实例
2020/11/04 Javascript
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
python打包压缩、读取指定目录下的指定类型文件
2018/04/12 Python
Python地图绘制实操详解
2019/03/04 Python
Python-copy()与deepcopy()区别详解
2019/07/12 Python
python 统计list中各个元素出现的次数的几种方法
2021/02/20 Python
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
巴西最好的男鞋:Rafarillo
2018/05/25 全球购物
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
老同学聚会感言
2014/02/23 职场文书
公司承诺书格式范文
2015/04/28 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书