当调用jQuery's $.post中的函数时,Undefined不是对象

Undefined is not an object, when calling function inside jQuery's $.post

本文关键字:函数 Undefined 对象 post jQuery 调用      更新时间:2023-09-26

在我的attemptSearch函数中,我使用jQuery $。post来获取一些JSON结果。我得到错误

Undefined不是对象

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();

您确定绑定了getSearchResults,但没有绑定attemptSearch。这几乎肯定是问题所在:

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