Phonegap：收到的JSON數據無法顯示

我試圖編寫一個動態的phonegap應用程序，它可以從實時數據庫中檢索和格式化信息。Phonegap：收到的JSON數據無法顯示

我使用jsonp從我編碼的php服務中獲取數據。

$(document).ready(function(){ 

    var output = $('#output'); 

    $.ajax({ 
     url: 'http://example.com/service.php', 
     dataType: 'jsonp', 
     jsonp: 'jsoncallback', 
     timeout: 5000, 
     success: function(data, status){ 
      //data loaded 
      $.each(data, function(c,comp){ 
       window.alert(comp.filter); // I added this just to check I was getting data correctly. 
       var company = '<div class="project-post ' +comp.filter+ ' ">' 
         +'<img src=" ' +comp.img+ ' ">' 
         +'<div class="hover-box">' 
          +'<div class="project-title">' 
           +'<div><a href="coupons.html?id='+comp.id+'" rel="external"><i class="fa fa-arrow-right"></i></a></div>' 
          +'</div></div></div>'; 

        output.append(company); 
      }); 
     }, 
     error: function(){ 
      //error loading data 
      output.text('Error loading data.'); 
     } 
    }); 
});

我的控制檯不顯示任何錯誤，我一直試圖解決這個很長一段時間。我有這個在我的配置：

<access origin="*" />

此外，我確認我收到它只是不顯示在所有window.alert(comp.filter);數據，或許真的是錯了我的格式，但無法弄清楚它是什麼。

來源

2014-11-06 Fer Salas

我想是因爲DOM格式化的問題，img標籤沒有正確關閉它應該是這樣的：

var company = '<div class="project-post ' +comp.filter+ ' ">' +'<img src=" ' +comp.img+ ' "/>' +'<div class="hover-box">' +'<div class="project-title">' +'<div><a href="coupons.html?id='+comp.id+'" rel="external"><i class="fa fa-arrow-right"></i></a></div>' +'</div></div></div>';

也要照顧你的准入政策，允許所有URL，更新您的config.xml文件與下面的代碼：

<access origin="*" />

來源

2014-11-06 07:16:54

我有這在我的配置：''。另外我確認我正在用'window.alert（comp.filter）接收數據;'它根本沒有顯示，可能是我的格式有問題，但無法弄清楚它是什麼。 – 2014-11-06 07:52:41

Phonegap：收到的JSON數據無法顯示

回答

相關問題