Jquery Ajax 学習例 6 WebService にリクエストを出し、DataSet (XML) を返す 非同期 call_jquery

1. WebService.asmx:
JqueryRequest.aspx が呼び出すための GetDataSet() メソッドでビジネス データを処理し、DataSet (XML) データを生成します。 コードは次のとおりです:

。 コードをコピーします コードは次のとおりです:

[WebMethod]
public DataSet GetDataSet()
{
DataSet ds = new DataSet();
DataTable dt = new DataTable();
dt.Columns.Add("Name", Type.GetType("System.String")); ("パスワード", Type.GetType("System.String"));
DataRow = dt.NewRow();
dr["名前"] = "小花"; "] = "aaaaaaaa";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["Name"] = "リトルソルジャー";
dr[ "パスワード"] = "bbbbbbbb" ;
dt.Rows.Add(dr);
return
}


2. AjaxRequest.aspx
ボタンをクリックして、WebService.asmx の GetDataSet() メソッドをリクエストして XML データ オブジェクトを取得します。コードは次のとおりです:

コードをコピー コードは次のとおりです: //Return DataSet(XML)

$(document).ready(function() {

$('#btnDataset').click(function() {
$.ajax({
type: "POST ",
url : "WebService.asmx/GetDataSet",
data: "{}",
dataType: 'xml', //返される型は XML です
success: function(result) { //成功時に実行 Method
//処理中の例外をキャプチャして出力
try {
$(result).find("Table1").each(function() {
$(' #dd' ).append($(this).find("名前").text() " " $(this).find("パスワード").text());
}
catch (e) {
alert(e);
return;
}
},
error: function(result, status) { //ここでのコールバック関数はエラーが発生したときに実行される
if (status == 'error') {
alert(status)
}
}); });