Jquery Ajax學習實例6 向WebService發出請求，返回DataSet(XML) 異步調用

2019-11-21 00:39:38

字體：大中小

來源：轉載

供稿：網友

一、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); 
} 
} 
}); 
}); 
}); 