利用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 相关文章推荐
JavaScript开发规范要求(规范化代码)
Aug 16 Javascript
使用Javascript接收get传递的值的代码
Nov 30 Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 Javascript
JSON格式的键盘编码对照表
Jan 29 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
Aug 07 Javascript
Javascript的表单与验证-非空验证
Mar 18 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
Oct 04 Javascript
微信小程序 Template详解及简单实例
Jan 05 Javascript
canvas绘制七巧板
Feb 03 Javascript
JavaScript实现的XML与JSON互转功能详解
Feb 16 Javascript
node.js基于socket.io快速实现一个实时通讯应用
Apr 23 Javascript
js核心基础之闭包的应用实例分析
May 11 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代码运行时间查看类代码分享
2011/08/06 PHP
JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
2015/10/08 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
JQuery toggle使用分析
2009/11/16 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
jQuery制作仿Mac Lion OS滚动条效果
2015/02/10 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
js获取及修改网页背景色和字体色的方法
2015/12/29 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
jQuery查找节点方法完整实例
2016/09/13 Javascript
JS触摸与手势事件详解
2017/05/09 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
2017/06/16 jQuery
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
vue组件的写法汇总
2018/04/12 Javascript
vue的for循环使用方法
2019/02/12 Javascript
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
Python学习之Django的管理界面代码示例
2018/02/10 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
利用Django模版生成树状结构实例代码
2019/05/19 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
Python字符串hashlib加密模块使用案例
2020/03/10 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
HTML5播放实现rtmp流直播
2020/06/16 HTML / CSS
Sneaker Studio波兰:购买运动鞋
2018/04/28 全球购物
eBay加拿大站:eBay.ca
2019/06/20 全球购物
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
垃圾回收的优点和原理
2014/05/16 面试题
医学毕业生自荐信
2013/10/11 职场文书
大专学生求职信
2014/07/04 职场文书
2014年秘书工作总结
2014/11/25 职场文书
介绍信的格式
2015/01/30 职场文书
英文自荐信范文
2015/03/25 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
Python基础之hashlib模块详解
2021/05/06 Python