JavaScript 未定义

Question

为什么ajax返回成功后无法访问render函数？也许我要疯了，但我以前这样做过。

它告诉我 this.render 不是一个函数？

DataItem.prototype = {
    display: function () {
        $('body').append(this.name + ": " + this.getData(this.rootData, this.subData) + "<br />");
    },
    getData: function (rootData, subData) {
        $.ajax({
            type: "GET", 
            url: "json/data.js",
            data: "",
            dataType: "json",
            success: function (json){
                this.render(json);
            }
        });
    },
    render: function (json) {
        var res = [];
        for(var i=0, t; t=json.log.entries[i]; i++) {
            var p = t.request.url;
            if (p!=undefined) res.push(p);
        }
        return res.length;
    }
};

Answer 1

当您尝试调用 this.render() 时，范围已更改。我相信 this 包含 ajax 请求对象而不是 DataItem 对象。

一个简单的解决方案是这样的:

getData: function (rootData, subData) {
    var self = this;
    $.ajax({
        type: "GET", 
        url: "json/data.js",
        data: "",
        dataType: "json",
        success: function (json){
            self.render(json);
        }
    });
},

编辑:我错了，在 success 函数中 this 变量包含 ajax 请求的选项，但是我的解决方案仍然是正确的。请参阅 jQuery 文档 ( http://docs.jquery.com/Ajax/jQuery.ajax#options )