关于jquery调用webservice文章的亲自实践记录

WebService

代码 
 1 <%@ WebService Language="C#" Class="Vote" %>
 2 
 3  using System;
 4  using System.Web;
 5 using System.Web.Services;
 6 using System.Web.Services.Protocols;
 7 
 8 [WebService(Namespace = "http://tempuri.org/")]
 9 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
10 [System.Web.Script.Services.ScriptService]
11 [System.Web.Script.Services.GenerateScriptType(typeof(Cat))]
12 [System.ComponentModel.ToolboxItem(false)]
13 public class Vote  : System.Web.Services.WebService {
14 
15     [WebMethod]
16     public string HelloWorld() {
17         return "Hello World";
18     }
19 
20     [WebMethod]
21     public string HelloWorld(string name)
22     {
23         
24         return name;
25     }
26 
27     [WebMethod]
28     public Cat GetCat(int i,string name,int age)
29     {
30         Cat cat = new Cat(i,name,age);
31         return cat; 
32     }
33     
34 }
35 
36
调用页面

代码 
 1 <%@ Page Language="C#" AutoEventWireup="true" EnableEventValidation="false"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
 2 
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 
 5 <html xmlns="http://www.w3.org/1999/xhtml">
 6 <head runat="server">
 7     <title></title>
 8     <script src="js/jquery-1.4.1-vsdoc.js"></script>
 9     <script>
10         function tt(a)
11         {
12             alert(a.id);
13             jQuery.ajax(
14             {
15                 type: "POST",
16                 contentType: "application/json",
17                 url: "Vote.asmx/GetCat",
18                 data: "{i:1,name:'mofei',age:23}",
19                 dataType: 'json',
20                 success: function(result) {
21                     var person = result.d;
22                     var showText = [];
23                     for (var p in person) {
24                         showText.push(p + ":" + person[p]);
25                     }
26                     alert(showText.ID);
27 
28 
29                 }
30             }
31             );
32         }
33     </script>
34 </head>
35 <body>
36     <form id="form1" runat="server">
37     <div>
38     
39         <asp:Repeater ID="rpVote" runat="server" onitemcreated="rpVote_ItemCreated" 
40             onitemdatabound="rpVote_ItemDataBound">
41             <HeaderTemplate>
42                 <table>
43             </HeaderTemplate>
44             <ItemTemplate>
45                 <tr>
46                     <td>
47                         <asp:Label ID="lblId" runat="server" Text='<%# Eval("id") %>'></asp:Label>
48                         <asp:Label ID="Label2" runat="server" Text='<%# Eval("name") %>'></asp:Label>
49                         <asp:Label ID="Label3" runat="server" Text='<%# Eval("age") %>'></asp:Label>
50                         <input type="button" id='<%# Eval("id") %>' value="vote" onclick="tt(this);return false;" />
51                     </td>
52                     <td>
53                     
54                     </td>
55                     <td>
56                     
57                     </td>
58                 </tr>
59             </ItemTemplate>
60             <FooterTemplate>
61                 </table>
62             </FooterTemplate>
63         </asp:Repeater>
64     
65     </div>
66     </form>
67 </body>
68 </html>
69

 

result.d取得对象

 

用$.each();方法

success: function(result) {
                    var person = result.d;
                    $.each(person, function(ind, item) {
                        alert(ind+" "+item);
                    });

ind记录的是key

item记录的是value

posted on 2010-06-02 22:22  酒囊饭袋  阅读(162)  评论(0)    收藏  举报

导航