2015-01-09 61 views
0

問題所以即時嘗試做一個jQuery請求和服從api獲取信息。當我檢查控制檯中的元素時,我收到「意外的令牌o」。和服Api,意外的東西O

基本上我的方式在這裏我的深度,我試圖讓文本字段拉入表最近我得到了拉整個JSON到網頁。

山姆

<?php header('Access-Control-Allow-Origin: true'); ?> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
<table border="1"> 
    <tr> 
     <td>Title</td> 
     <td>Link</td> 
    </tr> 
</table> 
</body> 
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 
<script> 
    $.ajax({ 
     type: 'GET', 
    crossDomain: true, 
    dataType: 'jsonp', 
     url: 'https://www.kimonolabs.com/api/ca266cam?apikey=zdRSeNfI0Nnr8GJ9KgSbc6awtvvSyOYh', 
     success: function (data) { 
      var json = $.parseJSON(data); 
      for(var i =0;i < json.results.collection1.length;i++) { 
       var title = json.results.collection1[i].EventsUK.text; 
       var href = json.results.collection1[i].EventsUK.href; 
       $("table").append("<tr><td>"+title+"</td><td>"+href+"</td></tr>"); 

      } 
     } 
    }); 
</script> 
</html> 

那是我的主要PHP文件!點擊Url鏈接將顯示json。任何想法都會很棒。普萊斯說它簡單。

回答

0

只要改變你的ajax調用如下,它爲我工作。這個問題似乎與$.parseJSON(data)線。您從服務器接收到的響應已經是一個javaScript對象,所以沒有必要解析。

 $.ajax({ 
      type: 'GET', 
      crossDomain: true, 
      dataType: 'jsonp', 
      url: 'https://www.kimonolabs.com/api/ca266cam?apikey=zdRSeNfI0Nnr8GJ9KgSbc6awtvvSyOYh', 
      success: function (json) { 
       //var json = $.parseJSON(data); 
       for(var i =0;i < json.results.collection1.length;i++) { 
       var title = json.results.collection1[i].EventsUK.text; 
       var href = json.results.collection1[i].EventsUK.href; 
       $("table").append("<tr><td>"+title+"</td><td>"+href+"</td></tr>"); 
       } 
     }, 
     error: function(error){ 
       console.log(error); 
     } 
     }); 
+0

輝煌的工作!,快速的問題,如果我想添加一個表類結果怎麼會這樣做? –