getJSON und Access-Control-Allow-Origin

veloopity · 21. August 2015

Ich krieg das nicht hin, hab aber auch keine Ahnung von JSON und jQuery und so. Hilfe!

Ich würde gern auf einer Website Useragentstrings aus einer Online-Statistik anzeigen und dann mit Hilfe von useragentstring.com lesbare Daten dazu anzeigen. Hier ist die entsprechende JSON-URL erklärt:
http://useragentstring.com/pages/api.php

Wenn ich das abrufe, gibt es einen Hinweis auf einen Access-Control-Allow-Origin-Fehler. Keine Ahnung, was ich da machen kann - kriegt ihr das hin? anbei mein Code, der enthält ein funktionierendes getJSON-Beispiel (Bob Dylan) und ein nicht funktionierendes (Useragentstring).

-Michael

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
   <title>getJSON</title>
   
   <script>
   var getJSON = function(url) {
    return new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.open('get', url, true);
    xhr.responseType = 'json';
    xhr.onload = function() {
    var status = xhr.status;
    if (status == 200) {
    resolve(xhr.response);
    } else {
    reject(status);
    }
    };
    xhr.send();
    });
   };
   
   function showit(thisurl)   {
     getJSON(thisurl).then(function(data) {
      alert('Your Json result is:  ' + data.result); //you can comment this, i used it to debug
     
      result.innerText = data.result; //display the result in an HTML element
     }, function(status) { //error detection....
      alert('Something went wrong.');
     });
   }
</script>
</head>

<body>

<p><a href="#" onClick="showit('https://www.googleapis.com/freebase/v1/text/en/bob_dylan');">bob dylan</a></p>
<p><a href="#" onClick="showit('http://useragentstring.com/?uas=Opera/9.70%20(Linux%20i686%20;%20U;%20en-us)%20Presto/2.2.0&getJSON=all');">useragentstring</a></p>

</body>
</html>

getJSON und Access-Control-Allow-Origin

veloopity

Grünschnabel

Neue Beiträge