2016-04-22 9 views
0

ページ内にサーバーの応答を表示する単純なWebアプリケーションを作成しようとしていますが、かなり初心者です。サーバーの応答を取得しようとしている

このページhttps://api.minergate.com/1.0/pool/profit-ratingにアクセスしてるとき、それは応答を生成します。どうすればそれをキャプチャしてHTMLページに入れることができますか?

最も簡単な方法を教えてください。 :D

I)は、(XMLHttpRequestを有する単純なコードを実行しています。正確に示すように:

<!DOCTYPE html> 
<html> 
<body> 

<script> 
function test() { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', 'https://api.minergate.com/1.0/pool/profit-rating', true); 
    xhr.onreadystatechange = function() { 
    if (xhr.readyState === 4 && xhr.status === 200) { 
     alert(xhr.responseText); 
     alert("GOOD"); 
    } 
    else alert("BAD"); 
    };alert("EXIT"); 
}; 
</script> 
<button onclick='test()'>Click</button> 
</body> 
</html> 

私はコードをテストするために警告を書きました。しかし、それは私のために "良い"と "悪い"を示すことは決してありません。

+0

あなたはこの[ポスト](http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-を参照してください、CORSを有効にする必要があります要求されたリソース)を参照してください。これは、あなたがリクエストしようとしているサイトが自分のサイトではなく他の誰かのものであると仮定しています。 –

+1

xhr.send()を呼び出すのを忘れてしまった。これにより実際にリクエストが開始されます。 – Mathijs

答えて

0

この例ではあなたにGOOD/BAD出力を与える、あなたは)(xhr.sendを逃しました。

<!DOCTYPE html> 
<html> 
<body> 
<script> 
function test() { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', 'https://api.minergate.com/1.0/pool/profit-rating', true); 
    xhr.onreadystatechange = function() { 
    if (xhr.readyState === 4 && xhr.status === 200) { 
     alert(xhr.responseText); 
     alert("GOOD"); 
    } 
    else alert("BAD"); 
    }; 
    xhr.send(null); 
    alert("EXIT"); 
}; 
</script> 
<button onclick='test()'>Click</button> 
</body> 
</html>