2012-07-05 79 views
1

試圖在沒有任何JQuery詳細信息的情況下使其工作。我真的很難找到一個易理解的例子,我將如何創建一個未編號的列表出來的一些JSON,我傳遞到一個字符串對象的前面。將JSON數據呈現給播放框架模板

我正在使用Play!框架。我的應用程序有一個方法,返回一個字符串持有一個json數組的項目。

GET  /items      controllers.Application.items() 

的方法是這樣的:

public static Result items() {  
    return ok(Json.toJson(Item.all())); 
} 

你會如何處理這些數據,纔能有你的模板將其顯示爲無編號列表?

的數據,例如:

@Entity 
public class Item { 

@Id 
@GeneratedValue(strategy=GenerationType.AUTO) 
public int id; 
public String title; 

public String type; 
public int quantity; 
public BigDecimal unitPrice; 

public Item() {} 

public static List<Item> all() { 
    EntityManagerFactory entityManagerFactory = Persistence.createEntityManagerFactory("defaultPersistenceUnit"); 
    EntityManager entityManager = entityManagerFactory.createEntityManager(); 

    TypedQuery<Item> query = entityManager.createQuery("SELECT i FROM Item i", Item.class); 
    return query.getResultList(); 
} 

回答

1

你需要調用的項目有一個javascript ajax請求()動作。然後你可以使用javascript和jQuery來創建你的列表。

是這樣的:

<script type="text/javascript"> 
    $(function(){ 
     $.getJSON('/items', function(items){ 
      var ul = $('<ul>'); 
      $.each(items, function(item){ 
       var li = $('<li>').text(item.title); 
       ul.append(li); 
      }); 

      $('body').append(ul); 
     }); 
    });  
</script>