Jquery Ajax는 webService 인스턴스 코드(asp.net)_jquery를 호출합니다.

webService에서 Ajax 호출을 구현하려면 다음 코드를 추가하세요.
// ASP.NET AJAX를 사용하여 스크립트에서 이 웹 서비스를 호출할 수 있도록 하려면 다음 줄의 주석 처리를 제거하세요.
[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',
성공: 함수( 결과) {
$(result.d).each (function() {
//alert(this);
$('#dictionary').append(this.toString() " ") ;
//alert(result.d.join( " | "));
}
})
}); >
//복합 유형 반환
$( document).ready(function() {
$('#btn4').click(function() {
$.ajax({
유형: "POST",
콘텐츠 유형: "application /json",
url: WebServiceURL "WebService1.asmx/GetClass",
데이터: "{}",
데이터 유형: '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').click( 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) {
alert(e)
return;
error: function(result, status) { / /위 캡처 오류가 없으면 여기 콜백 함수가 실행됩니다.
if (status == 'error') {
alert(status);
}
}
});
});
})


//Ajax는 ajaxStart 및 ajaxStop 메소드를 사용하여 사용자에게 피드백을 제공합니다. Ajax 추적 관련 이벤트에 대한 콜백 이 두 가지 방법은 jQuery 객체에 추가할 수 있습니다. Ajax 전후의 콜백
//그러나 Ajax 모니터링은 전역적입니다.
$(document).ready(function() {
$('#loading').ajaxStart(function( ) {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
});