So lesen Sie eine Remote-Datei mit JQuery (und erhalten einen jqXHR lesbaren Fehler)

Question

Ich versuche, eine Remote-Datei zu lesen; Ich verwende the example on the jquery.get() documentation page:

var jqxhr = $.get('http://stackoverflow.com/feeds/question/10943544', function() { 
 
         alert('success'); 
 
         }) 
 
    .done(function() { 
 
        alert('second success'); 
 
        }) 
 
    .fail(function(jqXHR, textStatus, errorThrown) { 
 
        // alert('error'); 
 
        console.log('Error: (' + errorThrown + ')'); 
 
    }) 
 
    .always(function() { 
 
    alert('finished'); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Aber es löst nur „nicht bestanden“ und „immer“ und ich möchte verstehen, warum; Meine Frage ist: Wie kann ich einen lesbaren Fehler erhalten? Derzeit liefert die console.log("Error: (" + errorThrown + ')'); nur Error:().

Bonusfrage: Warum schlägt es fehl? Wie kann ich eine Remote-Datei (RSS) mit JS/JQuery lesen?

Answer 1

Ihr Problem ist eines der Same Origin Policy, die auf den meisten AJAX-Anfragen vorhanden ist, und als Sicherheitsmaßnahme eingerichtet. Wenn Sie jqXHR() betrachten, können Sie sehen, dass readyState0 ist, das anzeigend. Beachten Sie, dass readyState immer 0 ist, wenn die Anforderung fehlgeschlagen ist, sei es für eine Richtlinieneinschränkung oder eine ungültige Anforderung. Die Nachricht error ist leer, da die Einschränkungen verhindern, dass die Fehlermeldung selbst ausgelöst wird.

var jqxhr = $.get("http://stackoverflow.com/feeds/question/10943544", function(res) { 
 
    alert("success"); 
 
    }) 
 
    .done(function() { 
 
    alert("second success"); 
 
    }) 
 
    .fail(function(jqXHR, textStatus, errorThrown) { 
 
    // alert("error"); 
 
    console.log("Error: (" + errorThrown + ')'); 
 
    }) 
 
    .always(function(jqXHR) { 
 
    console.log(jqXHR); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Um dies zu umgehen, gibt es eine Reihe von Plug-Ins, die in this answer aufgeführt sind. Es gibt auch an:

Der beste Weg, um dieses Problem zu überwinden, ist durch Erstellen eines eigenen Proxy im Back-End, so dass Ihr Proxy auf die Dienste in anderen Domänen zeigen, weil im Back-End nicht besteht die gleiche Herkunft Politikbeschränkung.

jedoch vorausgesetzt, Sie das nicht tun können, ist die einfachste Art und Weise Gebrauch von CORS Anywhere proxy zu machen, wie im folgenden Ausschnitt gezeigt wird (beachten Sie, dass das Ergebnis eine Weile dauert, durch kommen):

$.ajaxPrefilter(function(options) { 
 
    if (options.crossDomain && jQuery.support.cors) { 
 
    var http = (window.location.protocol === 'http:' ? 'http:' : 'https:'); 
 
    options.url = http + '//cors-anywhere.herokuapp.com/' + options.url; 
 
    //options.url = "http://cors.corsproxy.io/url=" + options.url; 
 
    } 
 
}); 
 

 
$.get(
 
    'http://stackoverflow.com/feeds/question/10943544', 
 
    function(response) { 
 
    console.log("> ", response); 
 
    $("#viewer").html(response); 
 
    } 
 
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

hoffe, das hilft! :)