Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<link href="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css" />
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<body>
  <div data-role="page">
    <div data-role="header">
      <h1>Dynamic List - AJAX</h1>
    </div>
    <div data-role="content">
      <ul data-role="listview" id="myList"></ul>
    </div>
  </div>
</body>
 
$(document).bind('pageinit', function(){
    
    var $myList = $( "#myList" );    
  
  function loadList(){  
    
    var newItems = [];
    $.getJSON("http://jsbin.com/vayeni/2.js",function(data){
      
      $.each(data, function( index, value ) {              
     
        if (!$myList.find('#' + value.id).length) {
                   
          newItems.push( "<li id=\"" + value.id + "\"><a>" + value.airline + "</a></li>" );
        }                        
        
       });
      
      if (newItems.length > 0) {
        
        alert('New entry!');
    
        $myList.append( newItems.join( "" ) );
        $myList.listview( "refresh" );            
        
      }      
      
   setTimeout(loadList,1000);
      
  });
  }
    loadList();
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers