Kann nicht wikipedia Antwort JSON

Question

$(document).ready(function() { 
 
     $.getJSON({ 
 
      url:"https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&origin=*&srsearch=gaby&srwhat=text&srprop=snippet&format=json", 
 
      function (result) { 
 
       $("#display").text(result.query.search[0].title); 
 
      } 
 
     }); 
 
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
 
<p id="display"></p>

Hier verwenden die $.getJSON() ‚s response JSON. Ich verwende result.query.search[0].title, um den Titel zu erhalten. Warum #display Element hat nichts zu zeigen?

Answer 1

Nehmen Sie die url: und die {} innerhalb getJSON() Methode heraus.

$(document).ready(function() { 
 
    $.getJSON("https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&origin=*&srsearch=gaby&srwhat=text&srprop=snippet&format=json", 
 
    function(result) { 
 
     $("#display").text(result.query.search[0].title); 
 
    }); 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
 
<p id="display"></p>

Answer 2

Sie haben Ihren Anruf nicht korrekt strukturiert.

$.getJSON({ 
    url:"https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&origin=*&srsearch=gaby&srwhat=text&srprop=snippet&format=json", 
    function (result) { 
     $("#display").text(result.query.search[0].title); 
    } 
}); 

Sie erscheinen die Syntax für $.ajax() zu verwenden, die mit $.getJSON() nicht kompatibel ist. Selbst wenn es kompatibel wäre, würde Ihnen der korrekte Eigenschaftsname für die Erfolgsfunktion fehlen.

(Ihre Syntax erstellt ein Objekt mit einem 'url' und 'function' Attribut. (Ich bin mir nicht sicher, warum die Funktion diesen Namen erhält.) Dieses Objekt wird an $.getJSON() im URL-Argument übergeben. JQuery konvertiert es in .. eine Zeichenfolge „[object Object]“ und verwendet diese für die uRL Dies ist ein 404. $.getJSON() nicht geräuschlos erzeugt, wenn die Anforderung fehlschlägt oder die Antwort ist ungültig)

verwenden Sie stattdessen:

$.getJSON(
    "https://en.wikipedia.org/w/api.php?action=query&format=json&list=search&origin=*&srsearch=gaby&srwhat=text&srprop=snippet&format=json", 
    function (result) { 
     $("#display").text(result.query.search[0].title); 
    } 
);