訪問打字稿內的jQuery變量

Question

我想調用一個Web API與jquery $ ajax（）函數，在進行調用後我不會將結果存儲在我的打字稿變量中，但我沒有想到如何做到這一點。

$.ajax({ 
    method: "POST", 
    url: 'URL', 
    data: { email:'test@gmail.com', 
     password:'pass'} 

}) 
.done(function(msg) { 

    this.response=msg; 

}) .fail(function(msg) { 
    this.response=msg; 
}) 

Answer 1

如果你想設置的對象使Ajax調用，您可以使用箭頭功能來捕捉上下文這

class MyCaller { 
    response: any; 
    doCall() { 
     $.ajax({ 
     method: "POST", 
     url: 'URL', 
     data: { email:'test@gmail.com', password:'pass'} 
    }).done((msg) => { 
     // this refers to MyCaller, with a simple function it would not 
     this.response=msg; 
    }).fail((msg) => { 
     this.response=msg; 
    })  
    } 
} 

只要你使用的是打字稿，你可以利用異步並等待簡化您的代碼。這將是等效的：

class MyCaller { 
    response: any; 
    async doCall() { 
     try { 
      this.response = await $.ajax({ 
       method: "POST", 
       url: 'URL', 
       data: { email:'test@gmail.com', password:'pass'} 
      }) 
     }catch(error) { 
      this.response = error 
     } 
    } 
}