2017-07-19 4 views
-1

Ich versuche, die Ausgabe des folgenden Codes zu finden:Uncaught Reference: Anfrage nicht definiert ist, versucht JSON zu analysieren

<html> 
    <body> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 
      function request(){ 
       var URL = " http://jsonplaceholder.typicode.com/posts/1”; 
       $.ajax({ 
        type: "GET", 
        url: URL, 
        contentType: "application/json; charset=utf-8", 
        data: “{}”, 
        dataType: "jsonp", 
        success: function(msg) { 
         var json = msg; //NOTE since we said we’re getting back jsonp, jQuery did the parsing for us! 
         document.getElementById("current").innerHTML=json.title; 
        }, 
        error: function (xhr, ajaxOptions, thrownError) { 
        document.getElementById("current").innerHTML = “Error fetching “ + URL; 
        } 
       }); 
      } 
     </script> 
     <button type="button" onclick="request()"></button> 
     <div id="output"></div> 
    </body> 
<html> 

ich die letzten Teile geschrieben, die Taste und die div. Ich war neugierig, was die Ausgabe des geparsten JSON sein würde, aber ich bekomme einen Fehler, wenn ich versuche, es zu durchlaufen - dass die Funktion "Anfrage" nicht definiert ist. Ich denke, es hat etwas mit der src zu tun, aber ich glaube, dass ich das dort brauche, da ich Jquery nicht nativ habe. Ich habe versucht, mich umzusehen, und alle anderen mit diesem Problem scheinen ganz andere Dinge zu tun. Stimmt etwas nicht damit, wie ich das geschrieben habe?

Vielen Dank im Voraus.

+0

'Daten:„{}“,' ist völlig falsch ... Syntax Error! –

+0

Für den Rekord, merke ich, dass die ID-Tags nicht zusammenpassen - das scheint nicht zu meinem aktuellen Problem zu haben. –

+0

Ich habe Ihr Problem bro ... Überprüfen Sie die Antwort für die Erklärung. –

Antwort

0

Es gibt viele Fehler:

  1. einen Ereignis-Listener verwenden.
  2. Verwendung derselben <script> zum Einschließen und Einbetten.
  3. Verwenden Sie das Ereignis bereit.
  4. Verwenden von JavaScript-Objekten in Anführungszeichen.
  5. Falsche Zitate.
  6. Mischen von JavaScript und jQuery.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script> 
 
    $(function() { 
 
    $("button").click(function() { 
 
     var URL = "http://jsonplaceholder.typicode.com/posts/1"; // 1 
 
     $.ajax({ 
 
     type: "GET", 
 
     url: URL, 
 
     contentType: "application/json; charset=utf-8", 
 
     data: {}, // 2 
 
     // dataType: "jsonp", 
 
     success: function(msg) { 
 
      var json = msg; //NOTE since we said we’re getting back jsonp, jQuery did the parsing for us! 
 
      $("#output").html(json.title); // 3 
 
     }, 
 
     error: function (xhr, ajaxOptions, thrownError) { 
 
      $("#output").html("Error fetching " + URL); 
 
     } 
 
     }); 
 
    }); 
 
    }); 
 
</script> 
 
<button type="button"></button> 
 
<div id="output"></div>

+0

Ja, das funktioniert. Vielen Dank. Ich denke, ein Teil davon war nur ich nicht verstehen, wie Jquery mit Dingen wie der Schaltfläche interagiert. Schätze die schnelle Antwort! –

+0

@TylerRoman Würde mich freuen, wenn Sie mir danken, indem Sie die Antwort akzeptieren. –

Verwandte Themen