ws.aspx コード コードをコピー コードは次のとおりです: <br>.hover <br>{ <br>カーソル: ポインタ; /*小手*/ <br>背景: #ffc; /*背景*/ <br>} <br>.button <br>{ <br>幅: 150px; <br>フロート: 左; <br>text-align: 中央; <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 ソリッド; <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> type: "POST", //访问WebService使用ポスト方式请要求 <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>$(document).ready(function() { <br>$("#btn2").click(function() { <br>$.ajax({ <br> type: "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>type: "POST", <br>contentType: "application/json", <br>url: "WebService1.asmx/GetArray", <br>data: "{i:10}" , <br>dataType: 'json', <br>success: 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>$(document).ready(function() { <br>$('#btn4').click(function() { <br>$.ajax({ <br> type: "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['Value']); <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("Value").text()); ); <br>} <br>catch (e) { <br>alert(e); <br>} <br>}, <br>error: function(result, status) { //上に捕捉がない場合はこの場所の回覧関数 <br>if (status == 'error') { <br>alert(status) <br>} <br>}); }); <br>}); <br>//Ajax はユーザーに反馈を提供するために、ajaxStart と ajaxStop メソッドを利用して、ajax を実行して関連イベントの回覧を実行し、他の 2 つのメソッドで jQuery オブジェクトを Ajax の前で回って追加できます <br>//ただし、Ajax の制御、本身は全ローカル性の <br>$(document).ready(function() { <br>$('#loading').ajaxStart(function() { <br>$(this).show(); <br>}).ajaxStop(function() { <br>$(this).hide(); <br>}); <br>// ネズミ标移入移出效果，多元素的時候，可使用“，”隔开 <br>$(document).ready(function() { <br>$('div.button').hover (function() { <br>$(this).addClass('hover'); <br>}, function() { <br>$(this).removeClass('hover'); <br>}); <br>}); <br></head> <br><form1" runat="server"> ="switcher"> <br><h2> <br><div class="button" id="btn1"> 🎜><div class="button" id="btn2"> <br>受信パラメータ</div> <br>返されるコレクション< /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> <br></body> /html> <br><br> <br>WebService1.asmx.cs <br><br><br><br><br>コードをコピーします<br><br><br> コードは次のとおりです。 🎜><br> <br>System.Collections.Generic を使用; </div>System.Web を使用; <br> System.Data を使用します。 <br>namespace jQuery.Learning <div class="codetitle">/// <summary><span>/// WebService1<a style="CURSOR: pointer" data="70461" class="copybut" id="copybut70461" onclick="doCopy('code70461')">/// </summary> [WebService( Namespace = "http://tempuri.org/")] <u>[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] </u>[System.ComponentModel.ToolboxItem(false)] </a>// 許可するにはASP .NET AJAX の使用 この Web サービスをスクリプトから呼び出すには、次の行のコメントを解除します。 </span>[System.Web.Script.Services.ScriptService] </div>public class WebService1 : System.Web.Services.WebService <div class="codebody" id="code70461">{ <br>/// <br>/// パラメータなし<br>/// </summary> <br>/// <returns></returns> <br>[WebMethod] <br>public string HelloWorld() <br>{ <br>return "こんにちはWorld "; <br>} <br>/// <summary> <br>/// パラメーターあり<br>/// </summary> <br>/// <param name="value1">/// <param name="value2"></param> <br>/// <param name="value3"></param> 🎜>/// <param name="value4"></param> <br>/// <returns></returns> <br>[WebMethod] <br>public string GetWish(string value1) , string value2, string value3, int value4) <br>{ <br>return string.Format("{3} 年後に {0}、{1}、{2} をお祈りします", value1, value2, value3, value4 ); <br>} <br>/// <summary><br>/// コレクションを返す <br>/// <param name="i" > ;</param> <br>/// <returns></returns> <br>[WebMethod] <br>public List<int>> <br>{ <br>List< ; list = new List<int>(); <br>while (i >= 0) <br>list.Add(i--); <br>return <br>} <br>/// <summary> <br>/// 複合型を返します<br>/// </summary> <br>/// <returns></returns> >[WebMethod] <br>public Class1 GetClass() <br>{ <br>return new Class1 { ID = "1", Value = "丑年もよろしく" }; /// <summary> <br>/// XML を返す <br>/// </summary> <br>/// <br>[WebMethod] <br> 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>return ds; <br>} <br>} <br>//カスタマイズされたクラス、2 つの属性のみ <br>public class Class1 <br>{ <br>public string ID { get;パブリック文字列値 { セット; <br>} <br>} <br><br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
