Jquery Ajax學(xué)習(xí)實例6 向WebService發(fā)出請求,返回DataSet(XML) 異步調(diào)用
更新時間:2010年03月18日 23:25:46 作者:
Jquery Ajax學(xué)習(xí)實例6 向WebService發(fā)出請求,返回DataSet(XML) 異步調(diào)用實現(xiàn)代碼,需要的朋友可以參考下。
一、WebService.asmx:
處理業(yè)務(wù)數(shù)據(jù),在GetDataSet()方法中產(chǎn)生DataSet(XML)數(shù)據(jù),供JqueryRequest.aspx調(diào)用,代碼如下:
[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數(shù)據(jù)對象。代碼如下:
//返回DataSet(XML)
$(document).ready(function() {
$('#btnDataset').click(function() {
$.ajax({
type: "POST",
url: "WebService.asmx/GetDataSet",
data: "{}",
dataType: 'xml', //返回的類型為XML
success: function(result) { //成功時執(zhí)行的方法
//捕獲處理過程中的異常并輸出
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) { //出錯時會執(zhí)行這里的回調(diào)函數(shù)
if (status == 'error') {
alert(status);
}
}
});
});
});
處理業(yè)務(wù)數(shù)據(jù),在GetDataSet()方法中產(chǎn)生DataSet(XML)數(shù)據(jù),供JqueryRequest.aspx調(diào)用,代碼如下:
復(fù)制代碼 代碼如下:
[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數(shù)據(jù)對象。代碼如下:
復(fù)制代碼 代碼如下:
//返回DataSet(XML)
$(document).ready(function() {
$('#btnDataset').click(function() {
$.ajax({
type: "POST",
url: "WebService.asmx/GetDataSet",
data: "{}",
dataType: 'xml', //返回的類型為XML
success: function(result) { //成功時執(zhí)行的方法
//捕獲處理過程中的異常并輸出
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) { //出錯時會執(zhí)行這里的回調(diào)函數(shù)
if (status == 'error') {
alert(status);
}
}
});
});
});
您可能感興趣的文章:
- Jquery + Ajax調(diào)用webService實例代碼(asp.net)
- jQuery AJAX 調(diào)用WebService實現(xiàn)代碼
- 關(guān)于jquery ajax 調(diào)用帶參數(shù)的webservice返回XML數(shù)據(jù)一個小細節(jié)
- jQuery Ajax方法調(diào)用 Asp.Net WebService 的詳細實例代碼
- asp.net下使用jquery 的ajax+WebService+json 實現(xiàn)無刷新取后臺值的實現(xiàn)代碼
- Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實現(xiàn)代碼
- Jquery Ajax學(xué)習(xí)實例3 向WebService發(fā)出請求,調(diào)用方法返回數(shù)據(jù)
- Jquery Ajax學(xué)習(xí)實例4 向WebService發(fā)出請求,返回實體對象的異步調(diào)用
- Jquery Ajax學(xué)習(xí)實例5 向WebService發(fā)出請求,返回泛型集合數(shù)據(jù)的異步調(diào)用
- jQuery ajax調(diào)用webservice注意事項
相關(guān)文章
jQuery.Form實現(xiàn)Ajax上傳文件同時設(shè)置headers的方法
這篇文章主要介紹了jQuery.Form實現(xiàn)Ajax上傳文件同時設(shè)置headers的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-06-06關(guān)于jquery中attr()和prop()方法的區(qū)別
今兒是腳本之家小編給大家總結(jié)的jquery中attr()和prop()方法的區(qū)別,感興趣的朋友參考下2018-05-05jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法
這篇文章主要介紹了jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法,結(jié)合簡單實例形式分析了jQuery使用bind函數(shù)進行多個事件綁定的操作技巧與注意事項,需要的朋友可以參考下2017-10-10jQuery技巧大放送 學(xué)習(xí)jquery的朋友可以看下
jQuery技巧大放送 學(xué)習(xí)jquery的朋友可以看下,非常不錯的整理,推薦。2009-10-10Jquery Ajax學(xué)習(xí)實例7 Ajax所有過程事件分析示例
JQuery在執(zhí)行Ajax的過程中會觸發(fā)很多事件。2010-03-03