在 C# .NET 3.5 中使用 HTTPHandler 和 jQuery 周日历

Question

几周来我一直在努力让它发挥作用，但都无济于事。我确信我的代码一定是因为一些相当小和愚蠢的事情而失败了，但是在尝试了多种不同的方法之后，我开始真正努力弄清楚问题可能是什么。有其他人设法获得 jQuery 周日历 (http://github.com/themouette/jquery -week-calendar) 使用返回 JSON 的 HTTPHandler ？

我尝试过： 对

1. JSON 进行硬编码，使其作为字符串从处理程序中出来（例如“events: [{ etc }]”）
2. 尝试使用或不使用初始“​​events :”
3. 使用 LINQ 检索数据，然后使用序列化JavaScriptSerializer
4. 使用 DataContractJsonSerializer 代替 使用
5. 上述方法创建 ToJSON 方法
6. 使用 $.getJson 检索数据
7. 使用 $.get 代替
8. 使用 $.ajax，使用“async = false”
9. 将数据调用放入函数中，然后通过以下方式调用该函数：

    data: function(start, end, callback) {
        callback(getData());
    }

None其中似乎有效。我什至尝试使用 $.get、$getJSON 和 $.ajax 在日历代码之前运行数据调用，例如：

    $.getJSON('/content/handlers/GetScheduledAppointments.ashx', function(json) {
        $calendar.weekCalendar({
            .
            .
            .
            data: json
        });
    });

我尝试了很多不同的方法，我无法真正发布每个失败的代码示例，但是如果有人可以帮助我，我将非常乐意在需要时发布一些示例。

有没有人设法让这两件事一起工作......？

Answer 1

对于与我有同样问题的其他人，我有一些可能对您有所帮助的建议。这些只是我发现对我有帮助的事情，并且只是对那些浪费了数周宝贵时间思考为什么看似很好的代码不起作用的人的指导。我很清楚我的技能很弱（老头），但如果它能帮助拯救一个人一些时间，那么我的时间还没有完全浪费。

这适用于 C# .NET 3.5 Web 窗体，而不是 MVC。

首先，确保 Response 对象的 ContentType 和 ContentEncoding 属性设置为 JSON。过去我使用过“text/plain”，但这一次似乎对我不起作用：

context.Response.ContentType = "application/json";
context.Response.ContentEncoding = Encoding.UTF8;

如果使用 LINQ，按照日历期望的顺序和格式创建一个新对象将有助于最大限度地减少数据不规则问题。如果您需要只读约会，则只需将该选项添加到列表中即可。下面的“title”元素在 SQL 中充当 ISNULL 或 COALESCE 的作用，以防止返回 null：

var apps = (
    from a in db.Appointments
    select new {
        id = a.id,
        start = a.startTime.Value,
        end = a.endTime.Value,
        title = a.subjectLine == null ? "" : a.subjectLine
    }).ToList();

虽然有很多方法可以将数据集序列化为 JSON，但我发现最干净的方法是使用 NewtonSoft Json.NET 库。这就像添加一行来创建一个 JSON 对象一样简单，并具有必要的 ISO8601 日期格式：

return JsonConvert.SerializeObject(apps, new IsoDateTimeConverter());

就 jQuery 方面而言，我将只显示“data:”函数，因为这是让我感到困惑的部分最长：

data: function(start, end, callback) {
    $.ajax({
        url:        "/content/handlers/GetScheduledAppointments.ashx",
        type:       "GET",
        success:    function(json) {
            callback(json);
        },
        async:      false
    });
}

关于日期的一个方便的提示，这是我在开始使用 Json.NET 库之前遇到的 - 如果您根本无法让 .NET 以 jWC 喜欢的格式返回日期，那么使用 [Date.js 库来执行jQuery 本身的附加格式。几天来，无论我尝试什么，我都无法让后端以可在日历上呈现的格式输出开始和结束时间。在所有功能示例中（在 jQuery 中生成本地数据），日期都是使用以下格式创建的：

new Date(year, month, day, hour, minute)

因此，使用此基础，还可以显式转换从后端返回的日期，如 Date.js库几乎可以接受任何接近日期的内容并发挥其魔力：

data: function(start, end, callback) {
    $.ajax({
        url:        "/content/handlers/GetScheduledAppointments.ashx",
        type:       "GET",
        success:    function(json) {
            if ($.isArray(json)) { 
                $.each(json, function(key, value) { 
                    value.start = new Date(value.start); 
                    value.end = new Date(value.end); 
                });
            }
            callback(json);
        },
        async:      false
    });
}

我知道这些都不是很方便（甚至是优化），但希望这对那些在 jWC 和 .NET 方面遇到真正困难的人有用。