通过静态方法访问页面对象答案

【问题标题】：Accessing page objects through static methods通过静态方法访问页面对象
【发布时间】：2012-10-07 12:33:57
【问题描述】：

我正在使用 asp.net 日期选择器。然后当用户通过 jquery 点击日期时执行静态事件，如下所示：

 <script>
    $(document).ready(function () {
        $("#datepicker").datepicker({
            onSelect: function (dateText, inst) {
                $("#<%= lblDate.ClientID %>").text("Are available on " + $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val());

                $.ajax({
                    type: "POST",
                    url: "Schedule.aspx/DisplayAvail",
                    data: "{}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        // Do something interesting here.
                    }
                });
            }
        });
    });
</script>

后面的代码：

[WebMethod] 
    public static void DisplayAvail()
    {
         //Grab data from db to check avail from this date
    }

效果很好。但是，从这个静态方法没有办法访问页面级对象。如何将数据从这个方法发送到页面？

【问题讨论】：

您将不得不使用 JSON。看看 Json.Net
tranceporter 有“通过 AJAX 从 DB 获取内容并显示它”的代码，但这是关于 ASP.NET 的关键点：在页面加载和回发之间没有页面对象.

标签： c# jquery datepicker static-methods

【解决方案1】：

看看这里。你可以通过 NuGet 获得这个

http://james.newtonking.com/projects/json-net.aspx

添加 NewtonSoft Json dll 作为对包含 web 方法的项目的引用后，您可以使用 JSONConvert 序列化可用日期并将其发送到客户端。

public IEnumerable<string> AvailableData {get; set;}

[WebMethod] 
    public static void DisplayAvail()
    {
        this.AvailableData = GetRequiredData();
        this.AvailableData = JSONConvert.SerializeObject(this.AvailableData);
    }

在客户端，你可以这样做：

$(document).ready(function () {
        $("#datepicker").datepicker({
            onSelect: function (dateText, inst) {
                $("#<%= lblDate.ClientID %>").text("Are available on " + $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val());
            $.ajax({
                type: "POST",
                url: "Schedule.aspx/DisplayAvail",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                        var arr = <%= this.AvailableData %>;
                       $.each(arr, function(index, value) {
                            // Do something with the data
                       });

                    });
                }
            });
        }
    });
});

【讨论】：

谢谢，但我不想安装第三方 dll。只想使用现有的框架来解决这个问题。我很惊讶除了 NewtonSoft 的 Json dll 之外别无他物。
如果您不想使用 JSON，那么您必须将结果从 GetRequiredData 转换为字符串，将其分配给 AvailableData，并在客户端使用 jQuery 对其进行解析/拆分/处理。问题是您希望在客户端共享一个数组。如果它是一个字符串，那么将它分配给 AvailableData 并在客户端使用它是一件简单的事情。

【解决方案2】：

我认为最好的方法是使用 JQuery load() 函数将外部页面加载到当前页面中：

...jQuery

$("#GetData").load("getData.aspx?GetDate=012420012");

...html

<div id="GetData">
...
</div>

感谢您的所有反馈，但我认为这是最好的方法。干杯! :)

【讨论】：

或者更具体地说，（对于以后可能会找到此页面的人）我使用 JQuery 从页面对象中获取日期：$("#GetData").load("getData.aspx?Date=" + $("#myDate")); 您也不必加载所有 html 标签，如 body和表单以及什么不是因为 JQuery 只是将 html 标记插入到您指定的位置。

【解决方案3】：

您可以尝试使用 PageMethods()：

这是一个简单的教程Simple PageMethods example.

你还需要这样做：

 <asp:ScriptManager ID="ScriptManager" runat="server" EnablePageMethods="true" />

;)

【讨论】：

此方法从实例方法变为静态方法。我遇到的问题是，当 jquery 执行时，您必须执行一个无法访问实例方法和页面对象的静态方法。嗯……