2

我使用这篇博文作为指南，详细介绍了如何使用 jQuery 和 jTemplates 将 JSON 响应填充到模板中。

我的问题是，返回的字段之一（名为描述）包含 HTML，但 HTML 括号被编码为 \u003C 和 \u003e。

这是服务器返回的 HTML（在描述字段中）：

<a href="/en/Yokota/User/Show/Chad">Chad</a> updated their ad, <a href="/en/Yokota/Ad/Show/100">Validation Test Ad Again</a>, @<a href="/en/Yokota">Yokota</a>

JSON 响应如下所示：

[{"TypeOfActivity":"0","Description":"\u003ca href=\"/en/Yokota/User/Show/YokotaTour\"\u003eYokotaTour\u003c/a\u003e posted \u003ca href=\"/en/Yokota/Ad/Show/166\"\u003eOne of the best for sure\u003c/a\u003e for sale @\u003ca href=\"/en/Yokota\"\u003eYokota\u003c/a\u003e","DateHappened":"6/23/2010 12:26:55 AM"}]

注意“\u003c”或“\u003e”。那些看起来像 unicode 转义，但为什么会这样呢？这是调用 JSON 响应的 jQuery：

$.getJSON("<%= Url.Action("List", "Activity") %>",
    function(data){
        $("#aLog").setTemplate($("#templateHolder").html());
        $("#aLog").processTemplate(data);
    });

更新

这是页面加载完成后源代码的样子（在 Firefox 中查看 > 页面源代码）：

&lt;a href="/en/Yokota/User/Show/Chad"&gt;Chad&lt;/a&gt; updated their ad, &lt;a href="/en/Yokota/Ad/Show/100"&gt;Validation Test Ad Again&lt;/a&gt;, @&lt;a href="/en/Yokota"&gt;Yokota&lt;/a&gt;

也许是因为它接近凌晨 3 点，但我很难过......非常感谢任何帮助 - 谢谢！

更新 2

public JsonResult List()
{
    IList<ActivityContract> contracts = new List<ActivityContract>();
    var activityList = _db.Activity.ByBaseID(CurrentBase.BaseID).OrderByDescending(a => a.DateHappened);
    foreach (var a in activityList) {
        contracts.Add(new ActivityContract { TypeOfActivity = a.TypeOfActivity.ToString(), Description = a.Description, DateHappened = a.DateHappened.ToString() });
    }
    return Json(contracts, JsonRequestBehavior.AllowGet);
}
4

3 回答 3

3

事实证明，问题出在 jTemplates 中的设置上。setTemplate 行需要是这样的：

$("#aLog").setTemplate($("#templateHolder").html(), [], {filter_data: false});

特别是，filter_data 必须设置为 false。默认情况下 jTemplates html 编码。;(

于 2010-06-23T08:55:30.740 回答
0

在示例中使用 utf8 中的“contentType”进行此类检查 

       $.ajax({
                type:"GET",
                url: "<%= Url.Action("List", "Activity") %>",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(data){
                    $("#aLog").setTemplate($("#templateHolder").html());
                    $("#aLog").processTemplate(data);
                }
            });
        });
于 2010-06-22T17:46:47.083 回答
0

JSONSerializer 使用 unicode 转义序列自动转义“<”和“>”字符。

jQuery 应该能够正常解析这些。您正在使用 $.getJSON 方法，我认为该方法会自动将响应评估为 json 并将其取消转义，因此我对为什么最终输出仍包含转义码感到有些困惑。

如果你这样做：

$("#aLog").processTemplate(eval("(" + data+ ")"));

这能解决问题吗？

于 2010-06-22T18:05:40.997 回答