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 相关文章推荐
nicejforms——美化表单不用愁
Feb 20 Javascript
jquery 圆形旋转图片滚动切换效果
Jan 19 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
Jun 27 Javascript
JS 毫秒转时间示例代码
Sep 22 Javascript
jQuery消息提示框插件Tipso
May 04 Javascript
JS实现数字格式千分位相互转换方法
Aug 01 Javascript
纯js模仿windows系统日历
Feb 04 Javascript
Vue中的$set的使用实例代码
Oct 08 Javascript
vue+element-ui实现表格编辑的三种实现方式
Oct 31 Javascript
Vue传参一箩筐(页面、组件)
Apr 04 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
Apr 19 Javascript
vue中data改变后让视图同步更新的方法
Mar 29 Vue.js
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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
非集成环境的php运行环境(Apache配置、Mysql)搭建安装图文教程
2016/04/12 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
浅谈mysql_query()函数的返回值问题
2016/09/05 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
centos7上编译安装php7以php-fpm方式连接apache
2018/11/08 PHP
才发现的超链接js导致网页中GIF动画停止的解决方法
2007/11/02 Javascript
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
Javascript常考语句107条收集
2010/03/09 Javascript
jQuery的实现原理的模拟代码 -1 核心部分
2010/08/01 Javascript
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
jquery submit ie6下失效的原因分析及解决方法
2013/11/15 Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
2016/05/05 Javascript
js获取form表单所有数据的简单方法
2016/08/18 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
2016/11/07 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
2020/05/29 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
2017/03/21 jQuery
axios实现文件上传并获取进度
2020/03/25 Javascript
JavaScript实现好看的跟随彩色气泡效果
2020/02/06 Javascript
python赋值操作方法分享
2013/03/23 Python
python通过邮件服务器端口发送邮件的方法
2015/04/30 Python
python 使用值来排序一个字典的方法
2018/11/16 Python
Django管理员账号和密码忘记的完美解决方法
2018/12/06 Python
python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码
2019/07/31 Python
python3 selenium自动化 frame表单嵌套的切换方法
2019/08/23 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
New Balance英国官方网站:始于1906年,百年慢跑品牌
2016/12/07 全球购物
迷你唐卡软皮鞋:Minnetonka Moccasin
2018/05/01 全球购物
保护环境倡议书100字
2014/05/19 职场文书
乡镇个人对照检查材料
2014/08/22 职场文书
2014年行政工作总结
2014/11/19 职场文书
团日活动总结格式
2015/05/11 职场文书
指导老师鉴定意见
2015/06/05 职场文书
2016同学毕业寄语大全
2015/12/04 职场文书
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技