在jQuery的$ .post中调用函数时，未定义不是对象

Question

在我的trySearch函数内部，我使用jQuery $ .post获得一些JSON结果。 我遇到了错误

未定义不是对象

在通话中

this.getSearchResults.bind（本）

我在另一个Web应用程序中设置了相同的设置，但没有收到此错误。 我究竟做错了什么？

var app = {
    init: function() {
        this.cacheDom();
        this.bindEvents();
    },
    cacheDom: function() {
        this.$search = $('#search');
    },
    bindEvents: function() {
        this.$search.keyup(this.attemptSearch)
    },
    searchResults : [],
    getSearchResults : function(val){       
        var currentSearchResult = val.query.search;
        for (var i = 0; i < currentSearchResult.length; i++) {
            var result = {
                title: currentSearchResult[i].title,
            }
            console.log(this.searchResults);
            this.searchResults.push(result);
        }
    },
    attemptSearch: function(event) {
        var wiki = "https://crossorigin.me/https://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch=";
        if (event.keyCode == 13) {
            $.post((wiki + $('#search').val()), this.getSearchResults.bind(this))
        }
    }, 
};

app.init();

Answer 1

您确保绑定了getSearchResults ，但没有绑定attemptSearch 。 这几乎可以肯定是问题所在：

this.$search.keyup(this.attemptSearch.bind(this))