0

私は JavaScript の初心者で、最近学校で学びました。Web ページに OpenWeatherMap API を含めて応答を取得する必要があります。とりあえず、API の URL で指定された都市の気温を取得するだけです。私はあなたの助けを求める前に長い間苦労しましたが、私は自分の問題を理解できませんでした.

これが私のコードです:

var btn = document.getElementById("btn");
var p = document.getElementById("paragraphe");
var txtf = document.getElementById("txtf");
btn.addEventListener('click', fun, false);

function fun(){

var xhr = new XMLHttpRequest();
xhr.open('GET','http://api.openweathermap.org/data/2.5/weatherq=London&appid=2de143494c0b295cca9337e1e96b00e0&units=metric', true)
xhr.addEventListener('readystatechanged', function(){
if(xhr.readyState == 4 && xhr.status == 200){
    var obj = JSON.parse(xhr.responseText)
    p.innerHTML = obj.main.temp;

}

}, false)

xhr.send();

}

ご協力ありがとうございました ！

4

1 に答える 1

1

まず、スペルを確認してください。HTML が表示されませんが、次のような問題が考えられます:#paragrapheおよび#txtf.

また、イベント名readystatechangedをに変更しreadystatechangeます。

1 つのヒントとして、console.log("insert check data here");コード全体に追加します。そうすれば、コンソールログで壊れている場所を確認できます。これは、トラブルシューティングに非常に役立ちます。

于 2016-05-24T18:30:24.607 に答える