Posted in Javascript onAugust 03, 2010
本文用到了博客园TerryFeng的例子。
Html,JS代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="test_jQuery_dialog_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> </head> <body> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script src="js/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script> <script type="text/javascript"> $( function (){ $('#dialog').dialog({ autoOpen: false, width: 600, buttons: { "Ok": function() { alert("OK"); $(this).dialog("close"); }, "Cancel": function() { alert("Cancel"); $(this).dialog("close"); } } }); } ) function show() { $('#dialog').dialog('open'); } function ajax1() { $.ajax({ type:"get", url:"action/test.ashx", data:{"time":Math.random()}, beforeSend:function(XMLHttpRequest) { }, success:function(msg) { alert(msg); } }); } function ajax2() { $.ajax({ type:"post", contentType: "application/json", url:"action/WebService.asmx/HelloWorld", data:{}, dataType: 'json', success:function(msg) { alert(msg); } }); } function ajax3(setvalue1,setvalue2) { if(setvalue1.length==0||setvalue2.length==0) { alert('请将两个文本框输入完整!'); return false; } $.ajax({ type:"post", contentType: "application/json", url:"action/WebService.asmx/HelloA", data:"{a:'"+setvalue1+"',b:'"+setvalue2+"'}", dataType: 'json', success:function(msg) { alert(msg); } }); } //返回集合 function ajax4() { $.ajax({ type: "post", contentType: "application/json", url: "action/WebService.asmx/GetArray", data: "{'i':'10'}", success: function(msg) { alert(msg); } }); } //返回复合类型 function ajax5() { $.ajax({ type: "post", contentType: "application/json", url: "action/WebService.asmx/GetClass", data: "{}", success: function(msg) { $(msg).each(function() { alert(msg["ID"]+'___'+msg["Value"]); }); } }); } //返回dataset function ajax6() { $.ajax({ type: "post", url: "action/WebService.asmx/GetDataSet", data: "{}", datatype:"xml", success: function(msg) { $(msg).find('Table1').each(function() { alert($(this).find("ID").text()+'___'+$(this).find("Value").text()); }); } }); } </script> <form id="form1" runat="server"> <input id="dialog_link" type="button" value="Show" onclick="show()" /> <div id="dialog" style="display: none; background-color: Aqua; width: 200px; height: 150px;"> WebService参数1<input type="text" id="txtMsg1" /><br/> WebService参数2<input type="text" id="txtMsg2" /><br/> <input type="button" value="调用Ashx一般处理程序" onclick="ajax1()" id="btn1" /> <input type="button" value="调用无参数WebService" onclick="ajax2()" id="btn2" /> <input type="button" value="调用有参数WebService" onclick="ajax3(txtMsg1.value,txtMsg2.value)" id="btn3" /> <input type="button" value="调用返回集合的WebService" onclick="ajax4()" id="btn4" /> <input type="button" value="调用返回复合类型的WebService" onclick="ajax5()" id="btn5" /> <input type="button" value="调用返回DataSet的WebService" onclick="ajax6()" id="btn6" /> <div id="dictionary"></div> In Dialog! </div> </form> </body> </html>
作者博客:http://www.cnblogs.com/qixuejia/
jQuery dialog 异步调用ashx,webservice数据的代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@