ws.aspx 코드 코드 복사 코드는 다음과 같습니다. <제목> <br>.hover <br>{ <br>커서: 포인터; /*소수*/ <br>배경: #ffc; /*背景*/ <br>} <br>.button <br>{ <br>너비: 150px; <br>플로트: 왼쪽; <br>텍스트 정렬: 가운데; <br>여백: 10px; <br>패딩: 10px; <br>테두리: 1px 실선 #888; <br>} <br>#dictionary <br>{ <br>text-align: center; <br>글꼴 크기: 18px; <br>지우기: 둘 다; <br>테두리 상단: 3px 솔리드 #888; <br>} <br>#loading <br>{ <br>테두리: 1px #000 solid; <br>배경색: #eee; <br>패딩: 20px; <br>여백: 100px 0 0 200px; <br>위치: 절대; <br>디스플레이: 없음; <br>} <br>#switcher <br>{ <br>} <br> <br>//无参数调사용 <br>$(document).ready(function() { <br>$('#btn1').click(function() { <br>$.ajax({ <br> 유형: "POST", //访问WebService使사용Post方式请求 <br>contentType: "application/json", //WebService 会返回Json类型 <br>url: "WebService1.asmx/HelloWorld", //调사용WebService적 지역화 방법 이름 ---- WsURL/방법 이름 <br>data: "{}", //这里是要传递的参数，格式为 data: "{paraName:paraValue}",下面将会看到 <br>dataType: 'json', <br>success: function(result) { //回调函数，result，返回值 <br>$('#dictionary').append(result.d) <br>} <br>}); <br>}) <br>}); <br>//유参数调용 <br>$(document).ready(function() { <br>$("#btn2").click(function() { <br>$.ajax({ <br> 유형: "POST", <br>contentType: "application/json", <br>url: "WebService1.asmx/GetWish", <br>data: "{value1:'心想事成',value2:'万事如意',value3:'牛牛牛',value4:2009}", <br>dataType: 'json', <br>success: function(result) { <br>$('#dictionary').append(result. d) <br>} <br>}) <br>}); <br>//返回集合（引用自网络，很说明问题） <br>$(document).ready(function() { <br>$("#btn3").click(function() { <br> $.ajax({ <br>유형: "POST", <br>contentType: "application/json", <br>url: "WebService1.asmx/GetArray", <br>data: "{i:10}" , <br>데이터 유형: 'json', <br>성공: function(result) { <br>$(result.d).each(function() { <br>//alert(this); <br>$ ('#dictionary').append(this.toString() " "); <br>//alert(result.d.join(" | ")) <br>} <br> }); <br>}) <br>}); <br>//返回复합类型 <br>$(document).ready(function() { <br>$('#btn4').click(function() { <br>$.ajax({ <br> 유형: "POST", <br>contentType: "application/json", <br>url: "WebService1.asmx/GetClass", <br>data: "{}", <br>dataType: 'json', <br>성공: function(result) { <br>$(result.d).each(function() { <br>//alert(this); <br>$('#dictionary').append(this[ 'ID'] " " this['값']); <br>//alert(result.d.join(" | ")) <br>} <br>}); 🎜>}) <br>}); <br>============== <br>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);}); <br>============================================<br>//返回DataSet(XML) <br>$(document).ready(function() { <br>$('#btn5').click(function() { <br>$.ajax({ <br>type: "POST", <br>url: "WebService1.asmx/GetDataSet", <br>data: "{}", <br>dataType: 'xml', //返回的类型为XML ，그리고 앞면적 Json,不一样了 <br>success: function(result) { <br>//演示一下捕获 <br>try { <br>$(result).find("Table1").each(function() { <br>$('#dictionary').append($(this).find("ID").text() " " $(this).find("값").text()) <br>} ); <br>} <br>catch (e) { <br>alert(e); <br>return; <br>} <br>}, <br>error: function(result, status) { //如果没有上获会执行这里的回调函数 <br>if (status == 'error') { <br>alert(status) <br>} <br>} <br>}); }) <br>}); <br>//Ajax를 사용하여 ajaxStart와 ajaxStop을 중지하는 방법, 演示ajax跟踪个事关事件的回调,他们两个方法可以添加给jQuery对象에서 Ajax앞에 后回调 <br>//但对与Ajax의 监控， 본身是전체局성 <br>$(document).ready(function() { <br>$('#loading').ajaxStart(function() { <br>$(this).show(); <br>}).ajaxStop(function() { <br>$(this).hide(); <br>}) <br>}); $(this).addClass('hover'); <br>}, function() { <br>$(this).removeClass('hover'); <br>}); <br>}); <br></head> <br><body><br><form id="form1" runat="server"> ="switcher"> <br><h2> <br>jQuery의 WebServices 호출 <br><div class="button" id="btn1"> 🎜><div class="button" id="btn2"> <br>수신 매개변수</div> <br><div class="button" id="btn3"> /div> <br><div class="button" id="btn4"> <br>복합 유형 반환</div> <br><div class="button" id= "btn5"> 🎜>Return DataSet(XML)</div> <br></div> <br><div id="loading"> 서버가 처리 중입니다. 잠시 기다려 주세요. <br></div> <br><div id="dictionary"> <br></div> <br></body> /html> <br><br> <br>WebService1.asmx.cs <br><br><br><br><br>코드 복사<br><br> </div> 코드는 다음과 같습니다.<br><br> <div class="codetitle">System.Collections.Generic 사용; <span>System.Linq 사용 <a style="CURSOR: pointer" data="70461" class="copybut" id="copybut70461" onclick="doCopy('code70461')">System.Web.Services 사용; System.Data 사용; <u>네임스페이스 jQuery.Learning </u>/// <summary> </a>/// WebService1 요약 설명</span>/// </summary> [WebService( 네임스페이스 = "http://tempuri.org/")] </div>[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] <div class="codebody" id="code70461">[System.ComponentModel.ToolboxItem(false)] <br>// 허용하려면 ASP .NET AJAX 사용 스크립트에서 이 웹 서비스를 호출하려면 다음 줄의 주석 처리를 제거하세요. <br>[System.Web.Script.Services.ScriptService] <br>public class WebService1 : System.Web.Services.WebService <br>{ <br>/// <summary> <br>/// 매개변수 없음 <br>/// </summary> <br>/// <returns></returns> <br>[WebMethod] <br>공개 문자열 HelloWorld() <br>{ <br>return "Hello World "; <br>} <br>/// <summary> <br>/// 매개변수 사용<br>/// </summary> <br>/// <param name="value1" ></param> <br>/// <param name="value2"></param> <br>/// <param name="value3"></param> 🎜>/// <param name="value4"></param> <br>/// <returns></returns> <br>[WebMethod] <br>공개 문자열 GetWish(문자열 값1 , string value2, string value3, int value4) <br>{ <br>return string.Format("{3}년 후에 {0}, {1}, {2}을(를) 기원합니다", value1, value2, value3, value4 ); <br>} <br>/// <br>/// 컬렉션 반환<br>/// <br>/// <param name="i" > ;</param>/// <returns></returns> <br>[WebMethod] <br>공개 목록<int> GetArray(int i) <br>{ <br>목록<int> ; list = new List<int>() <br>while (i >= 0) <br>list.Add(i--) <br>return list; >} <br>/// <summary> <br>/// 복합 유형을 반환합니다<br>/// </summary>/// <returns></returns> >[WebMethod] <br>public Class1 GetClass() <br>{ <br>return new Class1 { ID = "1", Value = "황소의 해 행운을 빕니다" } <br>} <br> /// < ;summary> <br>/// XML 반환 <br>/// </summary> <br>/// <returns></returns> public DataSet GetDataSet( ) <br>{ <br>DataSet ds = new DataSet(); <br>DataTable dt = new DataTable() <br>dt.Columns.Add("ID", Type.GetType("System .String") ); <br>dt.Columns.Add("Value", Type.GetType("System.String")); <br>DataRow dr = dt.NewRow(); <br>dr["ID "] = " 1"; <br>dr["Value"] = "새해 복 많이 받으세요"; <br>dt.Rows.Add(dr); <br>dr = dt.NewRow(); <br>dr ["ID"] = "2"; <br>dr["Value"] = "최고" <br>dt.Rows.Add(dr) <br>ds.Tables.Add(dt); <br>return ds; <br>} <br>} <br>//사용자 정의 클래스, 2개의 속성만 <br>public class Class1 <br>{ <br>공개 문자열 ID } <br> 공개 문자열 값 { 설정 } <br>} <br>} <br><br></int></int></int> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
