jquery - 使用 jquery 解析带双引号的 json 响应(JavaScriptSerializer)

Question

我在我的 aspx(asp.net MVC ViewPage) 中使用以下代码来获取序列化输出:

var _accountNames = '<%= ViewData["AccountNames"] != null ? new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(ViewData["AccountNames"]) : null%>';

这给出了以下结果:

[{"Name":"My Saving","AccountBalance":-4.2500,"ReferenceId":2},
{"Name":"My Checking","AccountBalance":0.0000,"ReferenceId":3},
{"Name":"Undeposited Funds","AccountBalance":113.6600,"ReferenceId":2},
{"Name":"Star Account "Trust"","AccountBalance":0.0000,"ReferenceId":50}]

在上面的结果中，帐户(明星帐户“Trust”)中有双引号。使用 eval 时，它会给出 "missing } after property list" 错误。即使使用 JSON 解析也会出错。

我使用此结果将下拉选项绑定(bind)为:

 var k = JSON.parse(_accountNames.replace(/'/g, '"'));
 if (k != null && k.length > 0) {
    var options = '';
    options += '<option value="">' + "--Select Account--" + '</option>';
    for (var i = 0; i < k.length; i++) {
       options += '<option value="' + k[i].AccountNameType + '">' + k[i].Name + ' $(' + k[i].AccountBalance + ')' + '</option>';
    }
}
$("select#DepositToddl").html(options);

如何解析结果中包含双引号？请提出建议。

Answer 1

使用HttpUtility.JavaScriptStringEncode。

您的服务器标记将变为:

var _accountNames = '<%= ViewData["AccountNames"] != null ? HttpUtility.JavaScriptStringEncode(new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(ViewData["AccountNames"])) : null%>';