Phonegap: Полученные данные JSON не отображаются

Question

Я пытаюсь закодировать приложение динамической телефонии, которое извлекает и форматирует информацию из живой базы данных.

Я использую 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); Это просто не отображающие на всех, может быть, что-то не так с моим форматированием, но не могу понять, что это такое.

Answer 1

Я думаю, что проблема из-йота форматирования, то 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>'; 

также заботиться о своей политике доступа, чтобы все адреса, обновить файл config.xml с кодом:

<access origin="*" />