微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我的类原型内运行Ajax函数?

function MyClass() {
    this.test = function () {
        return 'foo';
    }
}
MyClass.prototype.myMethod = function (data) {
    alert(data.name);
}
var newClass = new MyClass();
setTimeout(function () {
    $.ajax({
        url: '/echo/html/',
        data: newClass,
        success: function (data) {
            console.log('in success callback');
            console.log('received data: ' + data);
        }
    });
}, 3000);

Uncaught TypeError: Cannot read property ‘name’ of undefined

为什么ajax会触发newClass.myMethod?是因为JSON解析?如何避免这个错误

jsFiddle

解决方法:

发生这种情况是因为jQuery内部在数据上使用jQuery.param,如果您查看jQuery.param的源代码,它将调用所有函数并将结果用作数据

所以,我不知道您想做什么才能解决它,但是至少您知道它是什么

源的jQuery.ajax部分正在调用jQuery.param

// Convert data if not already a string
if (s.data && s.processData && typeof s.data !== "string") {
    s.data = jQuery.param(s.data, s.Traditional);
}

调用函数的源代码的jQuery.param部分:

  var prefix, s = [],
        add = function (key, value) {
        // => If value is a function, invoke it and return its value
        value = jQuery.isFunction(value) ? value() : (value == null ? "" : value);
        s[s.length] = encodeURIComponent(key) + "=" + encodeURIComponent(value);
    };

更新:

您可以使用processData:false禁用数据处理,但这意味着您将需要像这样手动处理数据

$.ajax({
    url: '/echo/html/',
    data: JSON.stringify(newClass), // pass the processed string
    processData: false,  // and add this 
    success: function (data) {
        console.log('in success callback');
        console.log('received data: ' + data);
    }
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐