2017-04-23 4 views
0

Ich habe ein kleines Problem mit einem Testprogramm, das ich mit Javascript, Jquery und Ajax schrieb.JSON Parsing Probleme jquery, Ajax

Dies ist mein Code:

HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Index</title> 
    <script src="https://code.jquery.com/jquery-2.1.1.js"></script> 
    <script src="script.js"></script> 
</head> 
<body> 
<button> Push here </button> 
</body> 
</html> 

JS

$(document).ready(function(){ 
    $('button').on('click',function(e){ 
     callPage() 
    }) 
}); 


function callPage(){ 
    $.ajax({ 
     url: "http://events.restdesc.org/", 
     type: "GET", 
     dataType:'json', 
     succes: function (response) { 
      var data = response; 
      console.log("hey"); 
      console.log(data.title); 
     }, 

     error: function(error){ 
      console.log("the page was not loaded", error); 
     }, 

    }); 
} 

Allerdings, wenn ich das Netzwerk überprüfen, sehe ich, dass ich die Anfrage bekam, aber ich nicht Holen Sie sich den Erfolg, so dass die Konsole nichts protokolliert. Wie ist das möglich?

+6

Tippfehler in "Erfolg"? – joaofs

+0

oh nein, ich habe seit Stunden gesucht, das zeigte keine Fehler in webstorm – fangio

+0

@Fangio Tippfehler in "Erfolg" wird immer noch Fehler erstellen, auch wenn sie nicht protokolliert sind. –

Antwort

-1

Verwenden .done() statt Erfolg

function callPage(){ 
    $.ajax({ 
     url: "http://events.restdesc.org/", 
     type: "GET", 
     dataType:'json', 


     error: function(error){ 
      console.log("the page was not loaded", error); 
     }, 

    }).done(function(response) { 
       var data = response; 
      console.log("hey"); 
      console.log(data.title); 
    }); 
} 
+0

Um Tippfehler in Methodennamen zu finden, ist dies tatsächlich ein viel besserer Ansatz. – Phil