2017-04-23 169 views
0

我用Javascript,JQuery和ajax編寫的測試程序有點問題。JSON解析問題jquery,ajax

這是我的代碼:

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); 
     }, 

    }); 
} 

但是如果我檢查網絡,我看到我的要求,但 我不獲得成功,所以控制檯不記錄任何東西。 這怎麼可能?

+6

錯字在 「成功」? – joaofs

+0

哦不,我一直在尋找這個好幾個小時,這並沒有顯示webstorm中的任何錯誤 – fangio

+0

@fangio在「成功」中的錯字仍然會產生錯誤,即使他們沒有被記錄。 –

回答

-1

使用.done()而不是成功

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

對於捕獲方法名稱中的拼寫錯誤,這實際上是一種更好的方法。 – Phil