本文用到了博客园terryfeng的例子。
html,js代码:
复制代码 代码如下:
<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"> <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>"Cancel": function() { <br>alert("Cancel"); <br>$(this).dialog("close"); <br>} <br>} <br>}); <br>} <br>) <br>function 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>} <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>success:function(msg) <br>{ <br>alert(msg); <br>} <br>}); <br>} <br>function ajax3(setvalue1,setvalue2) <br>{ <br>if(setvalue1.length==0||setvalue2.length==0) <br>{ <br>alert('请将两个文本框输入完整!'); <br>return false; <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>//返回集合 <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>//返回dataset <br>function ajax6() <br>{ <br>$.ajax({ <br>type: "post", <br>url: "action/WebService.asmx/GetDataSet", <br>data: "{}", <br>datatype:"xml", <br>success: function(msg) { <br>$(msg).find('Table1').each(function() { <br>alert($(this).find("ID").text()+'___'+$(this).find("Value").text()); <br>}); <br>} <br>}); <br>} <br></script>
作者博客:http://www.cnblogs.com/qixuejia/
