jQuery AJAX实现调用页面后台…

前台：

//获取赔偿详情

        function getPayoutDetails() {

            $.ajax({

                //要用post方式      

                type: "Post",

                //方法所在页面和方法名      

                url: "FrontPage.aspx/getPayoutDetails",

                contentType: "application/json; charset=utf-8",

                dataType: "json",

                success: function (data) {

                    //返回的数据用data.d获取内容

                    var gridControl = $find("<%=this.PayoutDetailsGrid.ClientID %>");

                    var newdata = [];

                    if (data.d.length > 0) {

                        newdata = Sys.Serialization.JavaScriptSerializer.deserialize(data.d);

                    }

                    gridControl.set_dataSource(newdata);

                },

                error: function (err) {

                    alert(err);

                }

            });

        }  

后台：

[WebMethod]

        public static string getPayoutDetails()

        {

            ComplaintsPayoutDetailCollection complaintsPayoutDetails = new ComplaintsPayoutDetailCollection();

            ComplaintsPayoutDetail complaintsPayoutDetail = new ComplaintsPayoutDetail()

            {

                AmountOfCash = 556,

                AmountOfCashCoupon = 989,

                ComplaintContent = "972内容hhhh",

                ComplaintTime = DateTime.Now,

            };

            complaintsPayoutDetails.Add(complaintsPayoutDetail);

            ComplaintsPayoutDetail[] list = complaintsPayoutDetails.ToArray();

            string josnData = JSONSerializerExecute.Serialize(list);

            return josnData;

        }