Jquery Ajax學習實例向頁面發(fā)出請求，返回XML格式數(shù)據

更新時間：2010年03月14日 17:41:56 作者：

Jquery Ajax學習實例向頁面發(fā)出請求，返回XML格式數(shù)據的代碼

一、AjaxSample.aspx

處理業(yè)務數(shù)據，產生XML數(shù)據，供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>上海市 徐匯區(qū)</content>"); 
Response.Write(@"</comment>"); 
Response.Write(@"</comments>"); 

Response.End(); 
} 

二、JqueryRequest.aspx

通過點擊按鈕來請求AjaxSample.aspx，獲取XMl數(shù)據。代碼如下：

復制代碼代碼如下:

 
<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> 

您可能感興趣的文章:

jquery 插件開發(fā)備注
以前針對DOM元素的插件(即$.fn.)存臨時數(shù)據都加在當前元素上建個特殊的屬性來存,(JQ內部直接也搞這樣的)
2010-08-08
jquery插件ContextMenu設置右鍵菜單
這篇文章主要介紹了jquery插件ContextMenu設置右鍵菜單的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
jQuery日程管理插件fullcalendar使用詳解
這篇文章主要介紹了jQuery日程管理插件fullcalendar使用方法，整合農歷節(jié)氣和節(jié)日，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
jquery lazyload延遲加載技術的實現(xiàn)原理分析
懶加載技術(簡稱lazyload)并不是新技術，它是js程序員對網頁性能優(yōu)化的一種方案。lazyload的核心是按需加載。在大型網站中都有l(wèi)azyload的身影，例如谷歌的圖片搜索頁，迅雷首頁，淘寶網，QQ空間等。
2011-01-01
jQuery實現(xiàn)的感應鼠標懸停圖片色彩漸顯效果
這篇文章主要介紹了jQuery實現(xiàn)的感應鼠標懸停圖片色彩漸顯效果,涉及jQuery中hover、find、css等方法的使用技巧,需要的朋友可以參考下
2015-03-03
jQuery插件zTree實現(xiàn)刪除樹子節(jié)點的方法示例
這篇文章主要介紹了jQuery插件zTree實現(xiàn)刪除樹子節(jié)點的方法,結合實例形式分析了jQuery樹形插件zTree針對節(jié)點的遍歷與刪除操作相關技巧,需要的朋友可以參考下
2017-03-03
jQuery AJAX應用實例總結
這篇文章主要介紹了jQuery AJAX應用,結合實例形式總結分析了jQuery 使用AJAX訪問各種格式數(shù)據相關應用操作實現(xiàn)技巧,需要的朋友可以參考下
2020-05-05
jquery顯示和隱藏div特效實例
jquery顯示和隱藏div特效的實例代碼，需要的朋友可以參考一下
2013-02-02
JQuery常見節(jié)點操作實例分析
這篇文章主要介紹了JQuery常見節(jié)點操作,結合實例形式分析了jQuery針對元素節(jié)點的添加、刪除常見操作函數(shù)使用技巧與相關注意事項,需要的朋友可以參考下
2019-05-05
jQuery插件formValidator自定義函數(shù)擴展功能實例詳解
這篇文章主要介紹了jQuery插件formValidator自定義函數(shù)擴展功能,結合實例形式分析了jQuery插件formValidator常見的各種判定與驗證技巧,非常簡單實用,需要的朋友可以參考下
2015-11-11