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 相关文章推荐
syntaxhighlighter 使用方法
Jul 02 Javascript
mapper--图片热点区域高亮组件官方站点
Dec 22 Javascript
JavaScript Event学习第五章 高级事件注册模型
Feb 07 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
May 23 Javascript
JS和jquery获取各种屏幕的宽度和高度的代码
Aug 02 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
Nov 30 Javascript
JS实现OCX控件的事件响应示例
Sep 17 Javascript
详解jQuery插件开发方式
Nov 22 Javascript
微信小程序中用WebStorm使用LESS
Mar 08 Javascript
node中Express 动态设置端口的方法
Aug 04 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
Dec 20 Javascript
vue 点击按钮增加一行的方法
Sep 07 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
曾在DC漫画界反派角色扮演的演员,谁才是你心目中的小丑之王?
2020/04/09 欧美动漫
程序员编程十条戒律
2009/07/09 PHP
php中autoload的用法总结
2013/11/08 PHP
CI(CodeIgniter)框架中的增删改查操作
2014/06/10 PHP
php数组转成json格式的方法
2015/03/09 PHP
PHP结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
jquery 事件冒泡的介绍以及如何阻止事件冒泡
2012/12/25 Javascript
下载文件个别浏览器文件名乱码解决办法
2013/03/19 Javascript
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
jQuery cdn使用介绍
2013/05/08 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
JavaScript中的方法调用详细介绍
2014/12/30 Javascript
深入理解JS addLoadEvent函数
2016/05/20 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
2016/11/10 Javascript
详解angularJs指令的3种绑定策略
2017/04/13 Javascript
vue使用xe-utils函数库的具体方法
2018/03/06 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
Django1.7+python 2.78+pycharm配置mysql数据库教程
2014/11/18 Python
python中as用法实例分析
2015/04/30 Python
浅析Python中将单词首字母大写的capitalize()方法
2015/05/18 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
Python实现京东秒杀功能代码
2019/05/16 Python
使用css3制作登录表单的步骤
2014/04/07 HTML / CSS
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
阿玛尼化妆品美国官网:Giorgio Armani Beauty
2017/02/02 全球购物
机电专业大学生求职信
2013/10/04 职场文书
广告学毕业生求职信
2014/01/30 职场文书
暖通工程师岗位职责
2014/06/12 职场文书
会计专业自荐书
2014/07/08 职场文书
公司委托书怎么写
2014/08/02 职场文书
紧急迫降观后感
2015/06/15 职场文书
python使用glob检索文件的操作
2021/05/20 Python
Java中常用解析工具jackson及fastjson的使用
2021/06/28 Java/Android
MySQL数据库必备之条件查询语句
2021/10/15 MySQL
MongoDB使用场景总结
2022/02/24 MongoDB