ajax JSON Demo

by Prasad

HTML

<div data-role="page">
<ul data-role="listview" class="parentUL">
  <ul class="slides" data-role="listview">  	
  </ul>
 </ul>
 </div>
<!--this page requires jquerymobile-->

JavaScript

$(document).ready(function(){	
$.ajax({
			type:'post',
			url:'data.json',
			datatype:'json',
			success:function(data){		
			console.log("Success");						
				  $.each(data,function(i, obj){				
						/*$('.parentUL').append("<li>"+i+"</li>").listview('refresh');*/
						$.each(obj,function(i, obj1){			
							if(obj1.Id == '')																	
							{	
								console.log("\n"+"Skipped "+i+"th Element"+"\n");
							}
							else
							{
								$(".slides").append("<li id='"+obj1.Id+"'><a href='readLocal.html' data-ajax='false'>"+obj1.DisplayName+"</a></li>").listview('refresh');
								var JSData= JSON.stringify(obj1);
								localStorage.setItem('JSDataS',JSData);	
								/*console.log("Id :"+obj1.Id+"\t"+"Display Name :"+obj1.DisplayName+"\t"+"BusinessPhone :"+obj1.BusinessPhone+"\t"+"BusinessAltPhone :"+obj1.BusinessAltPhone+"\t"+"MobilePhone :"+obj1.MobilePhone+"\t"+"HomeAltPhone :"+obj1.HomeAltPhone+"\t"+"FavoredPhoneType :"+obj1.FavoredPhoneType+"\t"+"BusinessEmail :"+obj1.BusinessEmail+"\t"+"JobTitle :"+obj1.JobTitle+"\t"+"CompanyName :"+obj1.CompanyName+"\t"+"UserFirmScope :"+obj1.UserFirmScope+"\t"+"ContactState :"+obj1.ContactState+"\t"+"contactType :"+obj1.contactType);*/	
							}
																									
		 			});		
																
				});
			},
		   error: function() {
			   console.log("Error");		
				alert("An error occurred while processing XML file.");
		   }
		});			
})