GETメソッドを使用してPure JSでユーザーのIPアドレスを取得する方法はありますか

Question

こんにちは、これは私の最初の質問です。私はJSにとって本当に新しく、Web訪問者のIPアドレスを取得して彼に表示するには純粋なJSの方法が必要です。どのように私はGETを使用してそれを行うことができ、誰かがなぜ私のコードは動作しません知っていますか？

私の目標は、コンストラクタ関数は、あなたがnew演算子でそれを呼び出す必要がありますされhttp://ip-api.com/json

function goHome() { 
    var xhr = XMLHttpRequest(); 
    xhr.open("GET", "http://ip-api.com/json", false); 
    xhr.send(); 
    if (xhr.readyState == 4 && xhr.status == 200) { 
     var response = JSON.parse(xhr.responseText); 
     alert(response.query); 
    } 
} 

Answer 1

var xhr = XMLHttpRequest(); 

のXMLHttpRequestから情報を取得することです。

var xhr = XMLHttpRequest(); 

Answer 2

これは、非同期応答を持つ関数です。コールバックを使用している実装するための最も簡単な方法：

function goHome(cb){ 
    var xhr = new XMLHttpRequest(); 

    var fnError = function(type){ 
     return function(){ 
      console.error('error', type, 'has ocurred'); 
      cb({error: type}); 
     }; 
    }; 
    var fnOK = function(evt){ 

     if (evt.currentTarget && evt.currentTarget.readyState === 4 && evt.currentTarget.status === 200) { 
      try{ 
       var response = JSON.parse(evt.currentTarget.responseText); 
       cb(null, response.query) 
      }catch(err){ 
       fnError('parsing xhr failed')(); 
      } 
     } else { 
      fnError('xhr failed')(); 
     } 
    } 


    xhr.open("GET", 'http://ip-api.com/json', true); 

    xhr.addEventListener('error', fnError('error')); 
    xhr.addEventListener('abort', fnError('abort')); 
    xhr.addEventListener('load', fnOK); 
    xhr.send(); 
} 

基本的な使い方：

goHome(function(err, ip){ 
    if (err){ 
     console.error(err); 
    } else { 
     //do stuff 
     console.log(JSON.stringify(ip)); 
    } 
});