Синтаксический JSON данные в PhoneGap с помощью JQuery

Question

Ниже мой JSON URL данных http://bluestonesolutions.in/Connect4mJson/GetEmployees.svc/getnotice?InstanceId=604&EnoticeType=Flash%20News&UserID=112730&IsGlobalNotice=0

Я хочу, чтобы отображать данные в таблице с помощью JQuery Mobile для PhoneGap. Я могу легко получить данные, но может отображаться на мобильных устройствах.

Вот рабочий пример. Пожалуйста, руководство меня, как разобрать его для PhoneGap

$(document).ready(function() { 
    $.ajax({ 
     url : 'http://bluestonesolutions.in/Connect4mJson/GetEmployees.svc/getnotice?InstanceId=604&EnoticeType=Flash%20News&UserID=112730&IsGlobalNotice=0', 
     type : 'GET', 
     dataType : 'JSON', 
     crossDomain: true, 
     success : function(data) {  
      document.write('<table width="400" height="288" align="center" style="border:5px solid #10A3D8; ">') 
      $.each(data, function() { 
       console.log(this.Subject); 
       document.write('<tr style="background:#D4D2D2;" >') 
       document.write('<td style="color:#041DB3;">'+'Subject:-</td>') 
       document.write('<td style="color:#041DB3;">'+this.Subject+'</td>') 
       document.write('</tr>') 
       document.write('<tr style="background:#04A273;">') 
       document.write('<td>'+'Description:-</td>') 
       document.write('<td>'+this.ENoticeDescription+'</td>') 
       document.write('</tr>') 
      }); 
      document.write('<table>');   
      // open console debugging tools on google and see the parse value 
     }, 
     error : function() {} 
    }); 
}); 

Answer 1

Попробуйте использовать это для разбора JSON

jQuery.parseJSON() 

Answer 2

Вы можете разобрать JSON как вар JsonStringify_ExecResData = JSON.stringify (данных); var obj = jQuery.parseJSON (JsonStringify_ExecResData);

и, как

localStorage.setItem ("USEREMAIL", USEREMAIL);

Вы можете установить параметры и получить в другой странице, как

localStorage.setItem ("USEREMAIL", USEREMAIL);

Answer 3

Я не являюсь экспертом в Phonegap, но так вы должны создавать/заполнять таблицу в jQuery для вашего конкретного сценария. Затем вы можете добавить таблицу к элементу на странице или, как я, к телу (так как это демонстрация). Адаптировать этот код, чтобы удовлетворить ваши потребности, такие как заменить все между success : function(data) { и }) с моим кодом, за исключением var dat = [....];

var data = [{"CategoryName":"Flash News","DisplayOrder":"0","ENoticeDescription":"","ENoticeId":19619,"NoticeDocument":"","Subject":"Singing competitions will be conducted this Month, interested candidates can come to office room and enroll.","createddate":"12 Jun 2014","noticedate":"6\/12\/2014 12:00:00 AM"},{"CategoryName":"Flash News","DisplayOrder":"0","ENoticeDescription":"","ENoticeId":19623,"NoticeDocument":"","Subject":"Flowers day celebrations will be conducted on 1st Saturday of next Month, Students are instructed to bring 5 different Flowers.","createddate":"12 Jun 2014","noticedate":"6\/12\/2014 12:00:00 AM"},{"CategoryName":"Flash News","DisplayOrder":"0","ENoticeDescription":"","ENoticeId":19624,"NoticeDocument":"","Subject":"Painting competitions for Senior Program will be conducted on 30th of this month.","createddate":"12 Jun 2014","noticedate":"6\/12\/2014 12:00:00 AM"},{"CategoryName":"Flash News","DisplayOrder":"0","ENoticeDescription":"Debate competition for Senior class students will be conducted on 2nd of April month, interested students contact Head of Senior Program Staff.","ENoticeId":19660,"NoticeDocument":"","Subject":"Senior Program - Debate Competition","createddate":"12 Jun 2014","noticedate":"6\/12\/2014 12:00:00 AM"}]; 
 

 
var $table = $('<table width="400" height="288" align="center" style="border:5px solid #10A3D8;">'); 
 
var $trs = $(); 
 
$.each(data, function() { 
 
    var $tr = $("<tr/>").css("background", "#D4D2D2"); 
 
    var $td = $("<td/>").css("color", "#041DB3").text("Subject:"); 
 
    $tr.append($td); 
 
    $td = $("<td/>").css("color", "#041DB3").text(this.Subject); 
 
    $tr.append($td); 
 
    $trs = $trs.add($tr); 
 
    
 
    $tr = $("<tr/>").css("background", "#04A273"); 
 
    $td = $("<td/>").css("color", "#041DB3").text("Description:"); 
 
    $tr.append($td); 
 
    $td = $("<td/>").css("color", "#041DB3").text(this.ENoticeDescription); 
 
    $tr.append($td); 
 
    $trs = $trs.add($tr); 
 
}); 
 
$table.empty().append($trs); 
 
$("body").empty().append($table);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Используйте CSS классы вместо .css("prop", "value"), как это против производительности, когда у вас есть 100s из элементы. Это нормально для этого конкретного случая, поскольку данные не настолько огромны. Но я все же предлагаю вам использовать классы.