DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery Ajax學習實例6 向WebService發出請求,返回DataSet(XML) 異步調用
Jquery Ajax學習實例6 向WebService發出請求,返回DataSet(XML) 異步調用
編輯:JQuery特效代碼     
一、WebService.asmx:
  處理業務數據,在GetDataSet()方法中產生DataSet(XML)數據,供JqueryRequest.aspx調用,代碼如下:
代碼如下:
  [WebMethod]
public DataSet GetDataSet()
{
DataSet ds = new DataSet();
DataTable dt = new DataTable();
dt.Columns.Add("Name", Type.GetType("System.String"));
dt.Columns.Add("Password", Type.GetType("System.String"));
DataRow dr = dt.NewRow();
dr["Name"] = "小花";
dr["Password"] = "aaaaaaaaa";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["Name"] = "小兵";
dr["Password"] = "bbbbbbbbb";
dt.Rows.Add(dr);
ds.Tables.Add(dt);
return ds;
}

二、AjaxRequest.aspx
  通過點擊按鈕來請求WebService.asmx的 GetDataSet()方法,獲取XML數據對象。代碼如下:
代碼如下:
//返回DataSet(XML)
$(document).ready(function() {
$('#btnDataset').click(function() {
$.ajax({
type: "POST",
url: "WebService.asmx/GetDataSet",
data: "{}",
dataType: 'xml', //返回的類型為XML
success: function(result) { //成功時執行的方法
//捕獲處理過程中的異常並輸出
try {
$(result).find("Table1").each(function() {
$('#dd').append($(this).find("Name").text() + " " + $(this).find("Password").text());
});
}
catch (e) {
alert(e);
return;
}
},
error: function(result, status) { //出錯時會執行這裡的回調函數
if (status == 'error') {
alert(status);
}
}
});
});
});
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved