2016-07-15 6 views
1

Das erste, was ich neu bei Javascript bin. Was ich versuche zu tun ist, Daten von einer URL in JSON zu bekommen und speichern Sie es in Java-Skript-Variable.Speichern von JSON-Daten in einer Java-Skriptvariablen

Was habe ich schon gemacht:

var json = '{"result":true,"count":1}', 
    obj = JSON.parse(json); 
    alert(obj.count); 

Das zeigt mir Ausgang: 1

und , was ich will ist, Daten von URL zu erhalten wie:

var json ='url'; 
obj = JSON.parse(json); 
alert(obj.count); 

und für die Freigabe verwende ich this URL, um JSON-Daten zu erhalten, und ich muss nur Tarif aus den Daten drucken.

jede Hilfe in dieser Angelegenheit würde sehr geschätzt werden !!

Ich habe dies in PHP so getan, aber ich brauche es, um dies in Javascript zu tun.

$jsonData = file_get_contents("url"); 
$json = json_decode($jsonData,true); 
echo $json['fare']; 

Antwort

0
$.getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback', function(data) { 
    console.log(data) 
}); 

diese Weise versuchen ur URL

+0

nicht funktioniert, tatsächlich Daten von URL Ich versuche, in einer JavaScript-Funktion zu erhalten, die – Devilism

+0

Funktion ShowHint auf die Schaltfläche klicken aktiviert() {var xhttp; xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (xhttp.readyState == 4 && xhttp.status == 200) { Konsole.log (JSON.parse (xhttp.responseText)); } }; xhttp.open ("GET", "http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC% 27 & format = json & diagnostics = true & env = speichern: //datatables.org/alltableswithkeys&callback ", true); xhttp.senden(); } auf diese Weise in Javascript – mean

0

versuchen auf diese Weise, konvertieren Sie die URL in ein Array dann

var json = 'data url in array', 
obj = JSON.stringify(json); 
alert(obj.count); 
0

temporäre Lösung zu lesen:

Hier meine Arbeit fiddle

Wenn Sie 'Access-Control-Allow-Origin' header is present on the requested resource. Fehler erhalten, fügen Sie CORS Erweiterung zu Ihrem Browser hinzu und aktivieren Sie es.

hoffte, das hilft :)

+0

Ihre Geige zeigt nichts – Devilism

+0

Hinzufügen CORS Erweiterung löst nicht das Problem, nur das Problem in 1 Computer. – Raptor

+0

Ja, es ist jetzt gelöst, aber wird das bei allen Benutzern funktionieren? – Devilism

0

Verwenden Ajax-Aufruf für Daten aus externen Quellen abgerufen werden.

Beim Klicken werden Daten von der URL abgerufen.

$(document).ready(function(){ 
 
    $("button").click(function(){ 
 
     $.getJSON("http://daewoocab-test.herokuapp.com/api/v1/rates?token=6ab676ddd7bf00101408ea3a27fdbb8ad22e9dcdf2faafdcd2ef0efc1509d463&pickup_area=Street%201%2CF-8%2CIslamabad%2CIslamabad%20Capital%20Territory%2CPakistan&drop_area=padhrarazadari.com%2C%20kallar%20kahar%20road%2C%20padhrar%2C%20punjab%2C%20pakistan&distance=169", function(result){ 
 
      console.log(result); 
 
      $.each(result, function(i, field){ 
 
       $("div").append(field + " "); 
 
      }); 
 
     }); 
 
    }); 
 
});
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
</head> 
 
<body> 
 

 
<button>Get JSON data</button> 
 

 
<div></div> 
 

 
</body> 
 
</html>

+0

zeigt keine Daten an, wenn ich klicke, um JSON-Daten zu erhalten – Devilism

+0

installiere erlauben Kontrolle erlaubt Ursprungserweiterung. https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi –

+0

ok gut, wie können alle Benutzer dies tun? Ich meine, diese Dinge werden nur an meinem PC funktionieren, oder? – Devilism

0
<!DOCTYPE html> 
<html> 
<body> 

<button onclick="showHint()">abcd</button> 
<script> 
function showHint() { 

var xhttp; 
xhttp = new XMLHttpRequest(); 
xhttp.onreadystatechange = function() { 
if (xhttp.readyState == 4 && xhttp.status == 200) { 
alert(JSON.parse(xhttp.response)); 
} 

}; 
xhttp.open("GET", "http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback", true); 
xhttp.send(); 

} 
</script> 

</body> 
</html> 
+0

Dies ist nicht abhängig von jeder jquery Verwenden Sie es – mean

Verwandte Themen