Jquery Ajax學(xué)習(xí)實(shí)例6 向WebService發(fā)出請求,返回DataSet(XML) 異步調(diào)用
更新時間:2010年03月18日 23:25:46 作者:
Jquery Ajax學(xué)習(xí)實(shí)例6 向WebService發(fā)出請求,返回DataSet(XML) 異步調(diào)用實(shí)現(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
通過點(diǎn)擊按鈕來請求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
通過點(diǎn)擊按鈕來請求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實(shí)例代碼(asp.net)
- jQuery AJAX 調(diào)用WebService實(shí)現(xiàn)代碼
- 關(guān)于jquery ajax 調(diào)用帶參數(shù)的webservice返回XML數(shù)據(jù)一個小細(xì)節(jié)
- jQuery Ajax方法調(diào)用 Asp.Net WebService 的詳細(xì)實(shí)例代碼
- asp.net下使用jquery 的ajax+WebService+json 實(shí)現(xiàn)無刷新取后臺值的實(shí)現(xiàn)代碼
- Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實(shí)現(xiàn)代碼
- Jquery Ajax學(xué)習(xí)實(shí)例3 向WebService發(fā)出請求,調(diào)用方法返回?cái)?shù)據(jù)
- Jquery Ajax學(xué)習(xí)實(shí)例4 向WebService發(fā)出請求,返回實(shí)體對象的異步調(diào)用
- Jquery Ajax學(xué)習(xí)實(shí)例5 向WebService發(fā)出請求,返回泛型集合數(shù)據(jù)的異步調(diào)用
- jQuery ajax調(diào)用webservice注意事項(xiàng)
相關(guān)文章
jQuery.Form實(shí)現(xiàn)Ajax上傳文件同時設(shè)置headers的方法
這篇文章主要介紹了jQuery.Form實(shí)現(xiàn)Ajax上傳文件同時設(shè)置headers的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-06-06關(guān)于jquery中attr()和prop()方法的區(qū)別
今兒是腳本之家小編給大家總結(jié)的jquery中attr()和prop()方法的區(qū)別,感興趣的朋友參考下2018-05-05jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個事件的方法
這篇文章主要介紹了jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個事件的方法,結(jié)合簡單實(shí)例形式分析了jQuery使用bind函數(shù)進(jìn)行多個事件綁定的操作技巧與注意事項(xiàng),需要的朋友可以參考下2017-10-10jQuery技巧大放送 學(xué)習(xí)jquery的朋友可以看下
jQuery技巧大放送 學(xué)習(xí)jquery的朋友可以看下,非常不錯的整理,推薦。2009-10-10Jquery Ajax學(xué)習(xí)實(shí)例7 Ajax所有過程事件分析示例
JQuery在執(zhí)行Ajax的過程中會觸發(fā)很多事件。2010-03-03