利用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 相关文章推荐
Prototype RegExp对象 学习
Jul 19 Javascript
jquery表单验证使用插件formValidator
Nov 10 Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
javascript删除数组元素并且数组长度减小的简单实例
Feb 14 Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 Javascript
Javascript中拼接大量字符串的方法
Feb 05 Javascript
创建你的第一个AngularJS应用的方法
Jun 16 Javascript
JavaScript中的ajax功能的概念和示例详解
Oct 17 Javascript
Angular 表单控件示例代码
Jun 26 Javascript
AngularJS select加载数据选中默认值的方法
Feb 28 Javascript
JavaScript页面加载事件实例讲解
Sep 01 Javascript
夯基础之手撕javascript继承详解
Nov 09 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 伪静态隐藏传递参数名的四种方法
2010/02/22 PHP
PHP学习之字符串比较和查找
2011/04/17 PHP
PHP中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
利用php输出不同的心形图案
2016/04/22 PHP
PHP中的密码加密的解决方案总结
2016/10/26 PHP
DHTML Slide Show script图片轮换
2008/03/03 Javascript
jQuery live( type, fn ) 委派事件实现
2009/10/11 Javascript
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
2014/02/04 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
2014/11/20 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
Angularjs为ng-click事件传递参数
2017/06/15 Javascript
用javascript获取任意颜色的更亮或更暗颜色值示例代码
2017/07/21 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
2018/10/25 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
nodejs实现聊天机器人功能
2019/09/19 NodeJs
JS实现移动端双指缩放和旋转方法
2019/12/13 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
2020/11/11 Javascript
Python函数可变参数定义及其参数传递方式实例详解
2015/05/25 Python
python3+PyQt5使用数据库窗口视图
2018/04/24 Python
对python:循环定义多个变量的实例详解
2019/01/20 Python
Python 求数组局部最大值的实例
2019/11/26 Python
pycharm 的Structure界面设置操作
2021/02/05 Python
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
世界上第一个水枕头:Mediflow
2018/12/06 全球购物
软件测试常见笔试题
2012/02/04 面试题
清明节演讲稿
2014/05/27 职场文书
研修心得体会
2014/09/04 职场文书
2015年统计员个人工作总结
2015/07/23 职场文书
2016高中社会实践心得体会范文
2016/01/14 职场文书
Redis分布式锁Redlock的实现
2021/08/07 Redis
Java面试题冲刺第十九天--数据库(4)
2021/08/07 Java/Android
Windows下载并安装MySQL8.0.x 版本的完整教程
2022/04/10 MySQL
Elasticsearch Recovery 详细介绍
2022/04/19 Java/Android