応答コンテンツタイプJsonについての印刷コンテンツの仕組み質問には申し訳ありませんが、私は私がやりたいように知らない

Question

こんにちは...

私はこのリンクを実行する場合は、この時点（緯度10°N、経度10°E）があればhttps://api.onwater.io/api/v1/results/10,10 APIが言うにあり水または土地。この場合

結果は次のとおりです。

{"lat":9.999237824938984,"lon":10.000257977613291,"water":false} 

値のwaterを印刷するにはどうすればできますか？

どうもありがとう

Answer 1

をこの

function callAjax() { 
 
    var xmlhttp = new XMLHttpRequest(); 
 

 
    xmlhttp.onreadystatechange = function() { 
 
     if (xmlhttp.readyState == XMLHttpRequest.DONE) { // XMLHttpRequest.DONE == 4 
 
      if (xmlhttp.status == 200) { 
 
       var response = JSON.parse(xmlhttp.responseText); 
 
       document.getElementById("myDiv").innerHTML =   response.water; 
 
      } 
 
      else if (xmlhttp.status == 400) { 
 
       alert('There was an error 400'); 
 
      } 
 
      else { 
 
       alert('something else other than 200 was returned'); 
 
      } 
 
     } 
 
    }; 
 

 
    xmlhttp.open("GET", "https://api.onwater.io/api/v1/results/10,10", true); 
 
    xmlhttp.send(); 
 
} 
 
callAjax();

<div id="myDiv"></div>

jqueryのは、この

$.ajax({ 
    url: "https://api.onwater.io/api/v1/results/10,10", 
    context: document.body, 
    success: function(data){ 
    console.log(data.water); 
    } 
}); 

Answer 2

は、通常は、そのプロパティ名でアクセスできます

あなたは純粋なJSのようにそれを行うことができますAJAX呼び出しを探していると仮定すると、

const response = {"lat":9.999237824938984,"lon":10.000257977613291,"water":false} 
 

 
console.log(response.water);

Answer 3

ようになる使用

あなたはあなたがAJAX hereについての詳細を学ぶことができますAJAX

var xhr = new XMLHttpRequest(); 
xhr.onreadystatechange = function(){ 
    if (this.readyState === 4 && this.status === 200){ 
     // parse the response to object 
     var obj = JSON.parse(this.responseText); 

     // print it out (obj.water and obj['water'] produces the same result) 
     alert(obj.water); 
     console.log(obj['water']); // prints it in console 
    } 
}; 
xhr.open("GET", "https://api.onwater.io/api/v1/results/10,10", true); 
xhr.send(); 

を介してデータを取得していると仮定します。