Jquery Ajax学习实例 向页面发出请求,返回XML格式数据


Posted in Javascript onMarch 14, 2010

一、AjaxSample.aspx

处理业务数据,产生XML数据,供JqueryRequest.aspx调用,代码如下:

protected void Page_Load(object sender, EventArgs e) 
{ 
string uid = Request.QueryString["username"]; 
string pwd = Request.QueryString["password"]; Response.ContentType = "application/xml"; 
Response.Charset = "utf-8"; 
Response.Write("<?xml version='1.0' encoding='utf-8'?>"); 
Response.Write(@"<comments>"); 
Response.Write(@"<comment username='" + uid + "' password='" + pwd + "'>"); 
Response.Write(@"<content>上海市 徐汇区</content>"); 
Response.Write(@"</comment>"); 
Response.Write(@"</comments>"); 
Response.End(); 
}

二、JqueryRequest.aspx

通过点击按钮来请求AjaxSample.aspx,获取XMl数据。代码如下:
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<script type="text/javascript" src="js/jquery-1.3.2.js"></script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="fdiv"> 
<input type="text" id="Text1"/><br /> 
<input type="text" id="Text2"/><br /> 
</div> 
<div> 
<div id="result">div1div1div1</div> 
<input type="button" onclick="btnClick()" /> 
</div> 
<div> 
<script type="text/javascript"> 
// $(document).ready( 
function btnClick() { 
var uid = $("#Text1").val(); 
var pwd = $("#Text2").val(); 
$.ajax({ 
url: "AjaxSample.aspx", 
type: "Get", 
datatype: "xml", 
data: { username: uid, password: pwd }, 
success: function(data, status) { 
var u = $(data).find("comment").attr("username"); 
var p = $(data).find("comment").attr("password"); 
var a = $(data).find("comment content").text(); 
var info = "用户:" + u + " 密码:" + p + "的住址是:" + a; 
$("#result").html(info); 
} 
}); 
}//); 
</script> 
</div> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
JS 动态获取节点代码innerHTML分析 [IE,FF]
Nov 30 Javascript
jQuery的一些特性和用法整理小结
Jan 13 Javascript
jquery JSON的解析方式示例介绍
Jul 27 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
node中socket.io的事件使用详解
Dec 15 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
angular.js分页代码的实例
Jul 27 Javascript
最棒的Angular2表格控件
Aug 10 Javascript
Node.js 多进程处理CPU密集任务的实现
May 26 Javascript
详解element-ui设置下拉选择切换必填和非必填
Jun 17 Javascript
react+redux仿微信聊天界面
Jun 21 Javascript
Jquery cookie操作代码
Mar 14 #Javascript
javascript 解决表单仍然提交即使监听处理函数返回false
Mar 14 #Javascript
jQuery第三课 修改元素属性及内容的代码
Mar 14 #Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 #Javascript
jQuery入门第一课 jQuery选择符
Mar 14 #Javascript
使用JavaScript switch case 另类写法
Mar 14 #Javascript
两个JavaScript jsFiddle JSBin在线调试器
Mar 14 #Javascript
You might like
PHP pathinfo()获得文件的路径、名称等信息说明
2011/09/13 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
JavaScript排序算法之希尔排序的2个实例
2014/04/04 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
JS+CSS实现表格高亮的方法
2015/08/05 Javascript
jquery实现的判断倒计时是否结束代码
2016/02/05 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
vue实现添加标签demo示例代码
2017/01/21 Javascript
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
2017/12/13 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
2018/09/25 Javascript
vue.js实现回到顶部动画效果
2019/07/31 Javascript
在VUE中实现文件下载并判断状态的方法
2019/11/08 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
2020/08/04 Javascript
如何在JavaScript中使用localStorage详情
2021/02/04 Javascript
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
利用Django-environ如何区分不同环境
2018/08/26 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
Python实现的统计文章单词次数功能示例
2019/07/08 Python
浅谈Python中的模块
2020/06/10 Python
Python接口自动化测试的实现
2020/08/28 Python
python中pivot()函数基础知识点
2021/01/03 Python
限量版运动鞋和街头服饰:TheDrop
2020/09/06 全球购物
十岁生日家长答谢词
2014/01/17 职场文书
收银出纳员岗位职责
2014/02/23 职场文书
体育活动总结范文
2014/05/04 职场文书
企业标语口号
2014/06/10 职场文书
汽车维修求职信
2014/06/15 职场文书
青年教师师德演讲稿
2014/08/26 职场文书
2014年学生管理工作总结
2014/12/20 职场文书
欢迎新生标语2015
2015/07/16 职场文书
村官2015年度工作总结
2015/10/14 职场文书
Redis读写分离搭建的完整步骤
2021/09/14 Redis
宫崎骏十大动画电影,宫崎骏好看的动画电影排名
2022/03/22 日漫