利用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 相关文章推荐
二级域名转向类
Nov 09 Javascript
通过url查找a元素应用案例
Apr 29 Javascript
jQuery中removeAttr()方法用法实例
Jan 05 Javascript
jquery基本选择器匹配多个元素的实现方法
Sep 05 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
Sep 21 Javascript
JS命令模式例子之菜单程序
Oct 10 Javascript
Bootstrap CSS布局之图像
Dec 17 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
Javascript实现运算符重载详解
Apr 07 Javascript
JS实现模糊查询带下拉匹配效果
Jun 21 Javascript
京东优选小程序的实现代码示例
Feb 25 Javascript
JavaScript 生成唯一ID的几种方式
Feb 19 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
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
php微信开发之谷歌测距
2018/06/14 PHP
js监听表单value的修改同步问题,跨浏览器支持
2009/12/31 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
JavaScript实现生成GUID(全局统一标识符)
2014/09/05 Javascript
JavaScript设计模式之单件模式介绍
2014/12/28 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
javascript处理a标签超链接默认事件的方法
2015/06/29 Javascript
基于jQuery实现复选框是否选中进行答题提示
2015/12/10 Javascript
基于jQuery实现收缩展开功能
2016/03/18 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
BootStrap智能表单实战系列(九)表单图片上传的支持
2016/06/13 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
2016/10/05 Javascript
js实现textarea限制输入字数
2017/02/13 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
解决浏览器会自动填充密码的问题
2017/04/28 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
2018/12/12 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
JS typeof fn === 'function' &amp;&amp; fn()详解
2020/08/22 Javascript
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
原生JavaScript实现轮播图
2021/01/10 Javascript
JavaScript 判断浏览器是否是IE
2021/02/19 Javascript
python中子类继承父类的__init__方法实例
2016/12/15 Python
Django使用HttpResponse返回图片并显示的方法
2018/05/22 Python
tensorflow实现简单逻辑回归
2018/09/07 Python
python脚本调用iftop 统计业务应用流量的思路详解
2019/10/11 Python
python 求定积分和不定积分示例
2019/11/20 Python
python 用struct模块解决黏包问题
2020/11/07 Python
sublime3之内网安装python插件Anaconda的流程
2020/11/10 Python
python 基于opencv去除图片阴影
2021/01/26 Python
收银出纳员岗位职责
2014/02/23 职场文书
行政专员的岗位职责
2014/03/10 职场文书
小学综合实践活动总结
2014/07/07 职场文书
个人借款协议书范本
2014/11/17 职场文书
2016大学生毕业实习心得体会
2016/01/23 职场文书
详细介绍python操作RabbitMq
2022/04/12 Python