Wie drucke ich Inhalte zum Response Content Type Json?

Question

hallo sorry für die Frage, aber ich weiß nicht, wie zu tun, was ich will ...

Wenn ich diesen Link https://api.onwater.io/api/v1/results/10,10 API laufen sagen, wenn dieser Punkt (Breitengrad 10 ° N; Längengrad 10 ° E) ist in Wasser oder Land.

das Ergebnis in diesem Fall:

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

Wie kann ich water Wert drucken ??

Vielen Dank

Answer 1

Sie Angenommen suchen einen Ajax-Aufruf Sie tun können, es mit reinem JS diese

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>

mit JQuery wäre wie diese

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

Answer 2

Normalerweise Sie es von seinem Eigenschaftsnamen zugreifen konnte:

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

 
console.log(response.water);

wie

Answer 3

Angenommen, Sie

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(); 

die Daten über AJAX sind abrufen können Sie mehr über AJAX lernen here.