<!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> <script src="js/jquery-latest.js"></script> </head> <body> <form id="form1" runat="server"> <table id="example" border="1" cellpadding="4" cellspacing="0"> <tr> <td>标题</td> <td>内容</td> </tr> </table> <p> <input type="button" οnclick="aaa()" id="btn" value="显示" /></p> <input type="button" οnclick="bbb()" id="btn1" value="显示11" /></p> <script language="javascript" type="text/javascript"> function aaa() { GetWebService("test.asmx/HelloWorld1", {name:"测试"}, "#example", ["Title","Content"]); } function bbb() { GetWebService1("test.asmx/HelloWorld", {name:"测试"}); } function GetWebService(myUrl,dataPrams,tableId,arrFiledId){ $.ajax({
url:myUrl, data: dataPrams, dataType: "xml", type: "POST", cache: false, success: function(xml){ AddTd(xml,tableId,arrFiledId); }, error:function(xml,status){ alert(status); } }); } function GetWebService1(myUrl,dataPrams){ $.ajax({
url:myUrl, data: dataPrams, dataType: "xml", type: "POST", cache: false, success: function(xml){ alert($(xml).find("string").text()); }, error:function(xml,status){ alert(status); } }); } function AddTd(xml,tableId,arrFiledId){ var tb=$(tableId); //清空表,保留第一行 tb.find("tr").each(function(i){ if (i>0) $(this).remove(); }); //填充数据 $(xml).find("Table1").each(function(){ var tr=$("<tr></tr>"); for (var j=0;j<arrFiledId.length;j++) $("<td></td>").html($(this).find(arrFiledId[j]).text()).appendTo(tr); tr.appendTo(tb); }) } </script> </form> </body> </html>
jQuery调用webservice
最新推荐文章于 2020-11-28 17:03:00 发布