typescript内のjquery変数にアクセスする

Question

私はJavaScriptを使ってWeb APIを呼び出そうとしていますが、呼び出し後に私のtypescript変数に結果を格納することはできませんでしたが、 。

$.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 
     } 
    } 
}