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 相关文章推荐
别了 JavaScript中的isXX系列
Aug 01 Javascript
jQuery学习笔记 更改jQuery对象
Sep 19 Javascript
JavaScript 命名空间 使用介绍
Aug 29 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
Aug 02 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
js实现楼层导航功能
Feb 23 Javascript
JavaScript瀑布流布局实现代码
May 06 Javascript
深入浅析AngularJs模版与v-bind
Jul 06 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
May 21 Javascript
Vue页面刷新记住页面状态的实现
Dec 27 Javascript
PHP 502bad gateway原因及解决方案
Nov 13 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 gbk环境下json_dencode传送来的汉字
2012/11/13 PHP
利用php绘制饼状图的实现代码
2013/06/07 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
php中字符集转换iconv函数使用总结
2014/10/11 PHP
基于ThinkPHP+uploadify+upload+PHPExcel 无刷新导入数据
2015/09/23 PHP
php多线程并发实现方法
2016/09/30 PHP
Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册
2016/12/27 PHP
JavaScript 中的事件教程
2007/04/05 Javascript
jQuery Ajax文件上传(php)
2009/06/16 Javascript
原生JS实现表单checkbook获取已选择的值
2013/07/21 Javascript
javascript简单实现表格行间隔显示颜色并高亮显示
2013/11/29 Javascript
javascript中通过arguments参数伪装方法重载
2014/10/08 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
2015/09/21 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
2017/06/08 Javascript
详解Angular操作cookies方法
2018/06/01 Javascript
react+redux仿微信聊天界面
2019/06/21 Javascript
微信小程序全局变量改变监听的实现方法
2019/07/15 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
详解django的serializer序列化model几种方法
2018/10/16 Python
在python中bool函数的取值方法
2018/11/01 Python
使用python绘制3维正态分布图的方法
2018/12/29 Python
使用SimpleITK读取和保存NIfTI/DICOM文件实例
2020/07/01 Python
Pandas中两个dataframe的交集和差集的示例代码
2020/12/13 Python
化工专业个人的求职信范文
2013/11/28 职场文书
三年级班级文化建设方案
2014/05/04 职场文书
开学典礼策划方案
2014/05/28 职场文书
安全目标管理责任书
2014/07/25 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
干部作风建设心得体会
2014/10/22 职场文书
出纳岗位职责范本
2015/03/31 职场文书
教师节班会主持词
2015/07/06 职场文书
初中运动会前导词
2015/07/20 职场文书
导游词之秦皇岛燕塞湖
2020/01/03 职场文书
Python中使用tkFileDialog实现文件选择、保存和路径选择
2022/05/20 Python