Asp.Net WebService_jquery를 호출하는 jQuery Ajax 메서드의 자세한 예제 코드-JS 튜토리얼-php.cn

ws.aspx 코드

코드 복사 코드는 다음과 같습니다. .hover { 커서: 포인터; /*소수*/ 배경: #ffc; /*背景*/ } .button { 너비: 150px; 플로트: 왼쪽; 텍스트 정렬: 가운데; 여백: 10px; 패딩: 10px; 테두리: 1px 실선 #888; } #dictionary { text-align: center; 글꼴 크기: 18px; 지우기: 둘 다; 테두리 상단: 3px 솔리드 #888; } #loading { 테두리: 1px #000 solid; 배경색: #eee; 패딩: 20px; 여백: 100px 0 0 200px; 위치: 절대; 디스플레이: 없음; } #switcher { } //无参数调사용 $(document).ready(function() { $('#btn1').click(function() { $.ajax({ 유형: "POST", //访问WebService使사용Post方式请求 contentType: "application/json", //WebService 会返回Json类型 url: "WebService1.asmx/HelloWorld", //调사용WebService적 지역화 방법 이름 ---- WsURL/방법 이름 data: "{}", //这里是要传递的参数，格式为 data: "{paraName:paraValue}",下面将会看到 dataType: 'json', success: function(result) { //回调函数，result，返回值 $('#dictionary').append(result.d) } }); }) }); //유参数调용 $(document).ready(function() { $("#btn2").click(function() { $.ajax({ 유형: "POST", contentType: "application/json", url: "WebService1.asmx/GetWish", data: "{value1:'心想事成',value2:'万事如意',value3:'牛牛牛',value4:2009}", dataType: 'json', success: function(result) { $('#dictionary').append(result. d) } }) }); //返回集合（引用自网络，很说明问题） $(document).ready(function() { $("#btn3").click(function() { $.ajax({ 유형: "POST", contentType: "application/json", url: "WebService1.asmx/GetArray", data: "{i:10}" , 데이터 유형: 'json', 성공: function(result) { $(result.d).each(function() { //alert(this); $ ('#dictionary').append(this.toString() " "); //alert(result.d.join(" | ")) } }); }) }); //返回复합类型 $(document).ready(function() { $('#btn4').click(function() { $.ajax({ 유형: "POST", contentType: "application/json", url: "WebService1.asmx/GetClass", data: "{}", dataType: 'json', 성공: function(result) { $(result.d).each(function() { //alert(this); $('#dictionary').append(this[ 'ID'] " " this['값']); //alert(result.d.join(" | ")) } }); 🎜>}) }); ============== var aArray = [“sdf”,”dasd”,”dsa”]; //数组$.each(aArray,function(iNum,value){ document.write(“序号：” iNum ” 值：” value);});var oObj = {one:1,two:2, three:3 };$.each(aArray,function(property,value){ document.write(“属性：” property ” 值：” value);}); ============================================ //返回DataSet(XML) $(document).ready(function() { $('#btn5').click(function() { $.ajax({ type: "POST", url: "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(); }) }); $(this).addClass('hover'); }, function() { $(this).removeClass('hover'); }); }); ="switcher"> jQuery의 WebServices 호출 🎜> 수신 매개변수 /div> 복합 유형 반환 🎜>Return DataSet(XML) 서버가 처리 중입니다. 잠시 기다려 주세요. /html>

WebService1.asmx.cs

코드 복사

코드는 다음과 같습니다.

System.Collections.Generic 사용; System.Linq 사용 System.Web.Services 사용; System.Data 사용; 네임스페이스 jQuery.Learning /// /// WebService1 요약 설명 /// [WebService( 네임스페이스 = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] // 허용하려면 ASP .NET AJAX 사용 스크립트에서 이 웹 서비스를 호출하려면 다음 줄의 주석 처리를 제거하세요. [System.Web.Script.Services.ScriptService] public class WebService1 : System.Web.Services.WebService { /// /// 매개변수 없음 /// /// [WebMethod] 공개 문자열 HelloWorld() { return "Hello World "; } /// /// 매개변수 사용 /// /// /// /// 🎜>/// /// [WebMethod] 공개 문자열 GetWish(문자열 값1 , string value2, string value3, int value4) { return string.Format("{3}년 후에 {0}, {1}, {2}을(를) 기원합니다", value1, value2, value3, value4 ); } /// /// 컬렉션 반환 /// /// /// [WebMethod] 공개 목록 GetArray(int i) { 목록 ; list = new List () while (i >= 0) list.Add(i--) return list; >} /// /// 복합 유형을 반환합니다 /// /// >[WebMethod] public Class1 GetClass() { return new Class1 { ID = "1", Value = "황소의 해 행운을 빕니다" } } /// &lt ;summary> /// XML 반환 /// /// public DataSet GetDataSet( ) { DataSet ds = new DataSet(); DataTable dt = new DataTable() dt.Columns.Add("ID", Type.GetType("System .String") ); dt.Columns.Add("Value", Type.GetType("System.String")); DataRow dr = dt.NewRow(); dr["ID "] = " 1"; dr["Value"] = "새해 복 많이 받으세요"; dt.Rows.Add(dr); dr = dt.NewRow(); dr ["ID"] = "2"; dr["Value"] = "최고" dt.Rows.Add(dr) ds.Tables.Add(dt); return ds; } } //사용자 정의 클래스, 2개의 속성만 public class Class1 { 공개 문자열 ID } 공개 문자열 값 { 설정 } } }