6

我们的许多用户仍在使用 IE8。他们中的一些人在尝试将数据发布到我们的服务器时偶尔会报告问题（通过标有“保存”的大按钮）。

IE8显示有一个脚本错误，即：Unexpected call to method or property access，始终指向KnockoutJS 2.2.0 (debug, for now)库中的同一行，第450行，如下：

return JSON.stringify(ko.utils.unwrapObservable(data), replacer, space);

我的代码中发生这种情况的堆栈跟踪根的方法是：

self.saveSingle = function (onSuccess, onFailure) {
        ko.utils.arrayForEach(self.days(), function (day) {
            day.close();
        });
        var jsonData = ko.toJSON(self);
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: applicationLocation + "/api/assignmentapi/save",
            data: jsonData,
            success: function (data) {
                self.status(data.Status);
                self._isDirty(false);
                ko.utils.arrayForEach(self.days(), function (day) {
                    day.clean();
                });
                if (onSuccess)
                    onSuccess();
            },
            error: function (data) {
                onFailure();
            },
            dataType: "json"
        });
    };

当我们使用这种方法将对象转换为 JSON 时，我们确实去除了一些 POST 不需要的属性：http ://www.knockmeout.net/2011/04/controlling-how-object-is-converted -to.html

OurType.prototype.toJSON = function () {
    var copy = ko.toJS(this);

    delete copy.someUnneededProperty1;
    delete copy.someUnneededProperty2;
    delete copy.someUnneededProperty3;
    delete copy.someUnneededProperty4;

    return copy;
}

当它失败时，它始终在线上失败

var jsonData = ko.toJSON(self);

现在真正的混乱来了：

  1. 它并非始终如一地发生
  2. 并非所有 IE8 用户都会发生这种情况
  3. 我们无法始终如一地重现它
  4. 我们正在序列化的模型的结构似乎并不重要
  5. jscript.dll 是 IE8 的当前版本
4

3 回答 3

2

我也遇到了这个问题。深入挖掘我发现了一些东西：

  • 它只是偶尔失败，我通过在控制台中运行代码发现了这一点 在此处输入图像描述
  • 中的代码引发了异常，除了由于 IE8 在使用块（不带）data-bind时吞噬了消息而导致消息被吞下。try {} finally {}catch
  • 删除尝试最终显示无法解析绑定消息。

当我开始接近解决问题（深入挖掘淘汰代码）时，它似乎在我眼前消失了。这是它失败的代码部分，在代码末尾捕获异常：

ko.utils.extend(ko.bindingProvider.prototype, {
    'nodeHasBindings': function(node) {
        switch (node.nodeType) {
            case 1: return node.getAttribute(defaultBindingAttributeName) != null;   // Element
            case 8: return ko.virtualElements.virtualNodeBindingValue(node) != null; // Comment node
            default: return false;
        }
    },

    'getBindings': function(node, bindingContext) {
        var bindingsString = this['getBindingsString'](node, bindingContext);
        return bindingsString ? this['parseBindingsString'](bindingsString, bindingContext, node) : null;
    },

    // The following function is only used internally by this default provider.
    // It's not part of the interface definition for a general binding provider.
    'getBindingsString': function(node, bindingContext) {
        switch (node.nodeType) {
            case 1: return node.getAttribute(defaultBindingAttributeName);   // Element
            case 8: return ko.virtualElements.virtualNodeBindingValue(node); // Comment node
            default: return null;
        }
    },

    // The following function is only used internally by this default provider.
    // It's not part of the interface definition for a general binding provider.
    'parseBindingsString': function(bindingsString, bindingContext, node) {
        try {
            var bindingFunction = createBindingsStringEvaluatorViaCache(bindingsString, this.bindingCache);
            return bindingFunction(bindingContext, node);
        } catch (ex) {
            throw new Error("Unable to parse bindings.\nMessage: " + ex + ";\nBindings value: " + bindingsString);
        }
    }
});

但是，是的，它不再是可重现的了，所以我想出了一个我之前测试和工作的 hack，只是重试数据解析。所以这：

data-bind="value: ko.computed(function(){return ko.toJSON(appViewModel.model()[0])})"

变成了这样：

data-bind="value: ko.computed(function(){while (true) { try { var json = ko.toJSON(appViewModel.model()[0]); return json; }catch(e){}}})"

是的，这很糟糕，但它似乎可以解决问题，直到我们的用户不再需要 IE8 或修复了 Knockout 问题。

于 2013-07-04T07:23:13.487 回答
1

我不知道这是否会解决它，但您可以使用映射插件在 JS 和 JSON 之间切换：

var mapping = {
    'ignore': ["propertyToIgnore", "alsoIgnoreThis"]
}
var viewModel = ko.mapping.toJS(data, mapping);

取自我对这个问题的回答

我会尝试一下，看看它是否有帮助，因为你的方法没有明显的错误。

于 2013-03-04T16:40:33.470 回答
0

你确定是 IE8 用户遇到了这个问题吗？IE7 不支持 JSON.stringify。您需要包含json2.js 库以支持 IE7 及更低版本。

于 2013-03-04T16:46:48.573 回答