it-swarm.com.de

Die Eigenschaft "undefined" oder "null" kann nicht abgerufen werden - Windows 8 JS/CSS-App

Nachfolgend finden Sie einen Ausschnitt aus meinem Code. Der Fehler, den ich erhalte, ist, dass, wenn ich eine Suche durchführe und die Methode _searchData aufrufe, die Methode _lookUpSuccess erfolgreich aufgerufen wird, der folgende Fehler jedoch zurückgegeben wird:

JavaScript-Laufzeitfehler: Die Eigenschaft '_displayResult' mit undefined oder NULL-Referenz kann nicht abgerufen werden.

wenn versucht wird, die _displayResult-Methode aufzurufen.

Warum kann das sein? 

(function () {

    // make this an object property/method eventually
    var displayResult = function (queryResult) {
        for (var i = 0; i < holder.length; i++) {
            //document.querySelector(".item-content .title").textContent = "FilmApp";
            document.querySelector(holder[i]).textContent = queryResult[i];
       }};

    // Creates a new page control with members
    ui.Pages.define(searchPageURI, {
       //...
        _searchData: function (queryText) {
            searchBase          = 'http://www.example.com/web-service2.php?termID=';
            searchFormat        = 'JSON';
            searchFormatPiece   = '&format=' + searchFormat;

            if (!window.Data) {  
                var searchUrl = searchBase + queryText + searchFormatPiece;
                WinJS.xhr({ url: searchUrl }).done(this._lookUpSuccess, this._lookUpFail, this._lookUpProgress);
            }else{
                document.querySelector(".titlearea .pagetitle").textContent = "There has been a computer malfunction - sort it the **** out!";
            }
        },

        _lookUpSuccess: function xhrSucceed(Result) {
            var response = JSON.parse(Result.responseText);
                if (response.response[0].Message === "Found") {
                    for (var x in response.response[1].term) {
                        content.Push(response.response[1].term[x]);
                    };
                    this._displayResult(content);
                    //displayResult(content);
                    return content;
                } else {
                    content.Push("Not Found", "Not Found");
                    return content;
                }
         },

        _lookUpFail: function xhrFail(Result) { document.querySelector(".titlearea .pagetitle").textContent = "Got Error"; },
        _lookUpProgress: function xhrProgress(Result) { document.querySelector(".titlearea .pagetitle").textContent = "No Result 2"; },

        _displayResult: function (queryResult) {
            var holder;
            holder = [DefDiv, DescDiv];

            for (var i = 0; i < holder.length; i++) {
                //document.querySelector(".item-content .title").textContent = "FilmApp";
                document.querySelector(holder[i]).textContent = queryResult[i];
            };
        },

    });

    // End of UI.page.define    

    // #2 This method is run on application load
    WinJS.Application.addEventListener("activated", function (args) {
        if (args.detail.kind === appModel.Activation.ActivationKind.search) {
            args.setPromise(ui.processAll().then(function () {
                if (!nav.location) {
                    nav.history.current = { location: Application.navigator.home, initialState: {} };
                }
            return nav.navigate(searchPageURI, { queryText: args.detail.queryText });
            }));
        }
    });

    // #3 
    appModel.Search.SearchPane.getForCurrentView().onquerysubmitted = function (args) { nav.navigate(searchPageURI, args); };

})();
6
James

In dieser Codezeile:

WinJS.xhr({ url: searchUrl }).done(this._lookUpSuccess, this._lookUpFail, this._lookUpProgress);

Sie übergeben _lookupSuccess als done-Handler-Funktion. Wenn sie jedoch aufgerufen wird, ist der Wert von this nicht mehr der gewünschte Wert, da dieser Wert von den Interns des Aufrufs des done-Handlers festgelegt wird. Das Weitergeben von this._lookUpSuccess als Funktion übergibt die Funktion einfach. Es gibt nicht den Wert von this. Wenn also this._lookUpSuccess mit der falschen this aufgerufen wird, finden alle Verweise auf this darin nicht die erwarteten Eigenschaften (also den angezeigten Fehler).

Sie können es so beheben, dass der this-Wert in einer lokalen Variablen gespeichert wird, und dann beim Aufruf von _lookUpSuccess() verwendet werden:

var self = this;
WinJS.xhr({ url: searchUrl }).done(function(result) {self._lookUpSuccess(result)}, this._lookUpFail, this._lookUpProgress);

Dies ist eine sehr häufige Problemumgehung, um den korrekten this-Wert in Callbacks wieder anzubringen.

8
jfriend00

Im:

this._displayResult(content);

Dort ist this offenbar undefined oder null

2
Cerbrus