Jquery Ajax學(xué)習(xí)實(shí)例 向頁(yè)面發(fā)出請(qǐng)求，返回XML格式數(shù)據(jù)
更新時(shí)間：2010年03月14日 17:41:56 作者：
Jquery Ajax學(xué)習(xí)實(shí)例 向頁(yè)面發(fā)出請(qǐng)求，返回XML格式數(shù)據(jù)的代碼
一、AjaxSample.aspx
處理業(yè)務(wù)數(shù)據(jù)，產(chǎn)生XML數(shù)據(jù)，供JqueryRequest.aspx調(diào)用，代碼如下:
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
通過(guò)點(diǎn)擊按鈕來(lái)請(qǐng)求AjaxSample.aspx，獲取XMl數(shù)據(jù)。代碼如下：
<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>
處理業(yè)務(wù)數(shù)據(jù)，產(chǎn)生XML數(shù)據(jù)，供JqueryRequest.aspx調(diào)用，代碼如下:
復(fù)制代碼 代碼如下:
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
通過(guò)點(diǎn)擊按鈕來(lái)請(qǐng)求AjaxSample.aspx，獲取XMl數(shù)據(jù)。代碼如下：
復(fù)制代碼 代碼如下:
<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>
您可能感興趣的文章:
- AJAX使用post發(fā)送數(shù)據(jù)xml格式接受數(shù)據(jù)
- 用Ajax讀取xml文件的簡(jiǎn)單例子
- jQuery+ajax讀取并解析XML文件的方法
- javascript解析ajax返回的xml和json格式數(shù)據(jù)實(shí)例詳解
- jquery $.ajax()取xml數(shù)據(jù)的小問(wèn)題解決方法
- JS通過(guò)ajax動(dòng)態(tài)讀取xml文件內(nèi)容的方法
- 用Ajax讀取XML格式的數(shù)據(jù)
- 通過(guò)AJAX的JS、JQuery兩種方式解析XML示例介紹
- JS使用ajax從xml文件動(dòng)態(tài)獲取數(shù)據(jù)顯示的方法
- 用JQuery 實(shí)現(xiàn)AJAX加載XML并解析的腳本
- Ajax對(duì)xml信息的接收和處理操作實(shí)例分析
相關(guān)文章
以前針對(duì)DOM元素的插件(即$.fn.)存臨時(shí)數(shù)據(jù)都加在當(dāng)前元素上建個(gè)特殊的屬性來(lái)存,(JQ內(nèi)部直接也搞這樣的)2010-08-08
jquery插件ContextMenu設(shè)置右鍵菜單
這篇文章主要介紹了jquery插件ContextMenu設(shè)置右鍵菜單的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了jQuery日程管理插件fullcalendar使用方法，整合農(nóng)歷節(jié)氣和節(jié)日，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
jquery lazyload延遲加載技術(shù)的實(shí)現(xiàn)原理分析
懶加載技術(shù)(簡(jiǎn)稱lazyload)并不是新技術(shù)，它是js程序員對(duì)網(wǎng)頁(yè)性能優(yōu)化的一種方案。lazyload的核心是按需加載。在大型網(wǎng)站中都有l(wèi)azyload的身影，例如谷歌的圖片搜索頁(yè)，迅雷首頁(yè)，淘寶網(wǎng)，QQ空間等。2011-01-01
jQuery實(shí)現(xiàn)的感應(yīng)鼠標(biāo)懸停圖片色彩漸顯效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的感應(yīng)鼠標(biāo)懸停圖片色彩漸顯效果,涉及jQuery中hover、find、css等方法的使用技巧,需要的朋友可以參考下2015-03-03
jQuery插件zTree實(shí)現(xiàn)刪除樹(shù)子節(jié)點(diǎn)的方法示例
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)刪除樹(shù)子節(jié)點(diǎn)的方法,結(jié)合實(shí)例形式分析了jQuery樹(shù)形插件zTree針對(duì)節(jié)點(diǎn)的遍歷與刪除操作相關(guān)技巧,需要的朋友可以參考下2017-03-03
jQuery AJAX應(yīng)用實(shí)例總結(jié)
這篇文章主要介紹了jQuery AJAX應(yīng)用,結(jié)合實(shí)例形式總結(jié)分析了jQuery 使用AJAX訪問(wèn)各種格式數(shù)據(jù)相關(guān)應(yīng)用操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-05-05
jquery顯示和隱藏div特效的實(shí)例代碼，需要的朋友可以參考一下2013-02-02
JQuery常見(jiàn)節(jié)點(diǎn)操作實(shí)例分析
這篇文章主要介紹了JQuery常見(jiàn)節(jié)點(diǎn)操作,結(jié)合實(shí)例形式分析了jQuery針對(duì)元素節(jié)點(diǎn)的添加、刪除常見(jiàn)操作函數(shù)使用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2019-05-05
jQuery插件formValidator自定義函數(shù)擴(kuò)展功能實(shí)例詳解
這篇文章主要介紹了jQuery插件formValidator自定義函數(shù)擴(kuò)展功能,結(jié)合實(shí)例形式分析了jQuery插件formValidator常見(jiàn)的各種判定與驗(yàn)證技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-11-11