フェッチが完了したときにメソッドを呼び出す方法

Question

ajaxフェッチが完了した後にメソッドを呼び出すにはどうすればよいですか？

これはこれまでのコードですが、コールバックメソッドでthis.displayが見つかりません。

class fourViews { 
 
    static display(data){ 
 
    // Some stuff being displayed... 
 
    } 
 
    loadPage(){ 
 
    let url = "www.example.com"; 
 
    fetch(url).then(function(data) { 
 
    this.display(data); 
 
    }).catch(function(error) { 
 
     // If error.   
 
    }); 
 
    } 
 
}

Answer 1

あなたはそれがthis上で定義されることを期待してはいけませんので、あなたの方法displayは（とにかく、あなたの対象ではないと思われる）静的です。どこ静的な部分についての権利あなたは

fetch(url).then(function(data) { 
    fourViews.display(data); 
}) 

class fourViews { 
 
    static display(data){ 
 
    console.log('display called:\n', data.body); 
 
    } 
 
    loadPage(){ 
 
    let url = "https://jsonplaceholder.typicode.com/posts/1"; 
 
    fetch(url).then(function(response) { 
 
     // Note that the response object has methods to return promises to data, 
 
     // like json(): 
 
     response.json().then(function (data) { 
 
      fourViews.display(data); // static methods are not called on `this` 
 
     }) 
 
    }).catch(function(error) { 
 
     // If error.   
 
    }); 
 
    } 
 
} 
 

 
new fourViews().loadPage();