Jquery Ajax は webService インスタンス コード (asp.net) を呼び出します_jquery

WebService で ajax 呼び出しを実装するには、次のコードを追加します:
// ASP.NET AJAX を使用してスクリプトからこの Web サービスを呼び出せるようにするには、次の行のコメントを解除してください。
[System.Web.Script.Services.ScriptService]
コードのダウンロード/201008/yuanma/WebService2.rar

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

//パラメータなしで呼び出します
$(document).ready(function() {
$('# btn1') .click(function() {
$.ajax({
type: "POST", //WebService にアクセスし、Post メソッドを使用して
contentType: "application/json", // WebService は Json 型を返します
url: WebServiceURL "WebService1.asmx/HelloWorld", //WebService を呼び出すためのアドレスとメソッド名の組み合わせ---- WsURL/メソッド名
data: "{}", / /渡されるパラメータは次のとおりです。形式は data: "{paraName:paraValue}" です。以下に表示されます
dataType: 'json',
success: function(result) { //コールバック関数,結果、戻り値
$ ('#dictionary').append(result.d)
}
}); //パラメータを指定して
を呼び出します $(document).ready(function() {
$("#btn2").click(function() {
$.ajax({
type: " POST",
contentType: "application/json",
url: WebServiceURL "WebService1.asmx/GetWish",
data: "{value1:'すべての願いが叶います',value2:'すべてがうまくいきますWell',value3:'Niu Niu Niu', value4:2009}",
dataType: 'json',
success: function(result) {
$('#dictionary').append(result) .d);
}
});
})
});

// 問題を説明するコレクションを返します。 >$(document).ready(function() {
$("#btn3").click(function() {
$.ajax({
type: "POST",
contentType : "application/json",
url: WebServiceURL " WebService1.asmx/GetArray",
data: "{i:10}",
dataType: 'json',
success: function( result) {
$(result.d).each (function() {
//alert(this);
$('#dictionary').append(this.toString() " ") ;
//alert(" | "))
}
}); >
//複合型を返します
$( document).ready(function() {
$('#btn4').click(function() {
$.ajax({
type: "POST"、
contentType: "application /json"、
url: WebServiceURL "WebService1.asmx/GetClass"、
data: "{}"、
dataType: 'json' ,
成功: function(result) {
$(result.d).each(function() {
//alert(this);
$('#dictionary').append( this['ID'] " " this['Value'] );
//alert(result.d.join(" | "))
}
}); ;
});
//Return DataSet(XML)
$(document).ready(function() {
$('#btn5') function() {
$.ajax({
type: "POST",
url: WebServiceURL "WebService1.asmx/GetDataSet",
data: "{}",
dataType: 'xml', //返される型は XML で、以前の Json と同じですが、異なります
success: function(result) {
//キャプチャのデモを行います
try {
$(result). find("Table1").each(function() {
$('#dictionary').append($(this).find("ID").text() " " $(this).find( "値").text());
})
catch (e) {
return;
error: function(result, status) { / /上記のキャプチャエラーがない場合、ここのコールバック関数が実行されます。
if (status == 'error') {
alert(status);
}
}
});
})
});


//Ajax は、ajaxStart メソッドと ajaxStop メソッドを使用してユーザーにフィードバックを提供します。 Ajax 追跡関連イベントのコールバック これら 2 つのメソッドは jQuery オブジェクトに追加できます。 Ajax の前後のコールバック
//ただし、Ajax の監視はグローバルです。
$(document).ready(function() {
$('#loading').ajaxStart(function( ) {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
});