この記事では、Blog Park TerryFeng の例を使用します。 HTML、JS コード: コードをコピー コードは次のとおりです: < ;%@ ページ言語="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="test_jQuery_dialog_Default" %> 無題ページ < ; スクリプトタイプ="text/javascript" src="js/jquery-1.4.2.min.js"> <スクリプト src="js/jquery-ui-1.8.2.カスタム .min.js" type="text/javascript"> <br>$( <br>function (){ <br> $ ('#dialog').dialog({ <br>autoOpen: false, <br>width: 600, <br>buttons: { <br>"Ok": function() { <br>alert("OK" ) ; <br>$(this).dialog("close"); <br>}, <br>"キャンセル": function() { <br>alert("キャンセル"); .dialog("閉じる"); <br>} <br>} <br>}) <br>} <br>); <br>関数 show() <br>{ <br>$('#dialog' ) .dialog('open'); <br>} <br>function ajax1() <br>{ <br>$.ajax({ <br>type:"get", <br>url:"action/test .ashx"、<br>data:{"time":Math.random()}、<br>beforeSend:function(XMLHttpRequest) <br>{ <br>}、<br>success:function(msg) <br> { <br>alert(msg); <br>} <br>}) <br>function ajax2() <br>{ <br>$.ajax({ <br>type:"post) " 、<br>contentType: "application/json"、<br>url:"action/WebService.asmx/HelloWorld"、<br>data:{}、<br>dataType: 'json'、<br>成功: function (msg) <br>{ <br>alert(msg); <br>} <br>関数 ajax3(setvalue1,setvalue2) <br>{ <br>if(setvalue1) . length==0||setvalue2.length==0) <br>{ <br>alert('2 つのテキスト ボックスを完全に入力してください!'); <br>return <br>} <br>$。 ajax({ <br>type: "post", <br>contentType: "application/json", <br>url: "action/WebService.asmx/HelloA", <br>data: "{a:'" setvalue1 "',b:'" setvalue2 "'}", <br>dataType: 'json', <br>success:function(msg) <br>{ <br>alert(msg) <br>; }); <br>} <br>//コレクション<br>function ajax4() <br>{ <br>$.ajax({ <br>type: "post", <br>contentType: "application/ json", <br>url: "action/WebService.asmx/GetArray", <br>data: "{'i':'10'}", <br>success: function(msg) { <br>alert( msg); <br>} <br>}); <br>} <br>//複合型を返します<br>function ajax5() <br>{ <br>$.ajax({ <br>type: " post", <br>contentType: "application/json", <br>url: "action/WebService.asmx/GetClass", <br>data: "{}", <br>success: function(msg) { <br>$(msg).each(function() { <br>alert(msg["ID"] '___' msg["Value"]); <br>}); <br>} <br>}) ; <br>} <br>//データセットを返します <br>function ajax6() <br>{ <br>$.ajax({ <br>type: "post", <br>url: "action/WebService. asmx/GetDataSet"、<br>データ: "{}"、<br>データ型: "xml"、<br>成功: function(msg) { <br>$(msg).find('Table1').each (function() { <br>alert($(this).find("ID").text() '___' $(this).find("Value").text()); <br>}) ; <br>} <br>}); <br> Dialog_link" type="button" value="Show" onclick="show()" /> WebService パラメータ 1 WebService パラメータ 2 < ; input type="button" value="パラメータなしで Web サービスを呼び出す" onclick="ajax2()" id="btn2" /> < input type= "button" value="DataSet を返す WebService を呼び出す" onclick="ajax6()" id="btn6" /> ダイアログ内 ! http://www.cnblogs.com/qixuejia/