Ajax未定义，并引发运行时异常

Question

    ajax.postJson(
                "/foo/GetFoo",
                { fooName: fooName },
                function (data) {

                },
                function (error) {  });
        };

My Rest api call is GetAsync()

它抛出ajax是未定义的：JavaScript运行时错误：无法获取未定义或空引用的属性'exceptionStart'。 下面是进行ajax调用的定制代码。 api调用Getfoo是使用属性HttpGet的GetAsync方法。 有人能指出我这个失败的原因吗

var ajax = {

    defaultAjaxTimeout: 600000,
    exceptionStart: '<!--',
    exceptionEnd: '-->',

    postJson: function (url, data, success, error) {
        $.ajax(
            {
                type: "POST",
                dateType: "json",
                url: url,
                data: data,
                timeout: ajax.defaultAjaxTimeout,
                success: function (result) {
                    if (success) success(result);
                },
                error: function (jqXhr, textStatus, errorThrown) {
                    if (error && jqXhr) {
                        var responseText = jqXhr.responseText;
                        var index = responseText.indexOf(ajax.exceptionStart);
                        if (index > 0) {
                            var exception = responseText.substr(index + ajax.exceptionStart.length + 1);
                            index = exception.lastIndexOf(ajax.exceptionEnd);
                            if (index > 0) {
                                exception = exception.substr(0, index);
                            }
                            error(exception);
                        } else {
                            error(errorThrown);
                        }
                    }
                }
            });
    },
}

Answer 1

您在这里遇到的问题是，您试图在创建闭包之前从其访问变量ajax ：

var myVariable = {
    myProperty: "Hello",
    myFunction: function () {
        //... access myVariable.myProperty -> error
    }
};

这里有两个选择。 清洁器之一，而我要使用的是：

var ajaxOptions = {
    defaultAjaxTimeout: 600000,
    exceptionStart: '<!--',
    exceptionEnd: '-->'
};
var ajax = {
    postJson: function (url, data, success, error) {
        ... ajaxOptions.exceptionStart.length
    }
};

起作用的原因是因为ajaxOptions已经存在于声明函数ajax.postJson的范围内，因此它能够从其关闭正确引用它。

此选项的变化是：

var ajax = {
    defaultAjaxTimeout: 600000,
    exceptionStart: '<!--',
    exceptionEnd: '-->'
};
ajax.postJson = function (url, data, success, error) {
    ... ajax.exceptionStart.length
};

之所以起作用，是因为已经声明了ajax ，并且该ajax刚刚附加到该函数的闭包中。

第二种不太干净的选择是将ajax变量作为window对象的子对象：

window.ajax = {

    defaultAjaxTimeout: 600000,
    exceptionStart: '<!--',
    exceptionEnd: '-->',

    postJson: function (url, data, success, error) {
        ... window.ajax.exceptionStart.length
    }
};

之所以起作用，是因为window始终存在于所有词法范围内，因此引用它没有任何问题。 它不太干净的原因是因为它污染了窗口对象，并且页面上任何位置的任何JavaScript都可以访问和更改它，从而可能导致未知行为。 我不推荐使用它，仅作为示例。

Answer 2

以下步骤帮助我解决了类似的问题，我使用IE11可以解决IE 11中的问题：

1. 在互联网设置下，选择“兼容性视图设置”，
2. 在“添加此网站”中，输入您网站的服务器名称（例如：localhost），单击“添加” btn。
3. 勾选“在兼容性视图中显示Intranet步骤”框。