SpringMvc後臺程式：

/**
 * 根據ids查詢商品
 */
@RequestMapping(value = "/cartItems", method = RequestMethod.GET,produces = "application/json; charset=utf-8")
public @ResponseBody
String cartItems() {
	JSONObject json = new JSONObject();
	List<HashMap<String,Object>> list = new ArrayList<HashMap<String,Object>>();
	Cart cart = cartService.getCurrent();
	if(cart != null)
	{
		Set<CartItem> alls = cart.getCartItems();
		Iterator<CartItem> iter = alls.iterator();
		while(iter.hasNext())
		{
			HashMap<String,Object> hm = new HashMap<String,Object>();   //最外層，父節點
			CartItem ci = iter.next();
			hm.put("id", ci.getId());//id屬性  ，資料傳遞  
			hm.put("name", ci.getProduct().getName()); //name屬性，顯示節點名稱  
			hm.put("image",ci.getProduct().getThumbnail()==null?"":ci.getProduct().getThumbnail());
			hm.put("count", ci.getQuantity());
			hm.put("price", ci.getProduct().getPrice());
			list.add(hm);
		}
	}	
	JSONArray arr = new JSONArray(list);
	try {
		json.put("success", true);
		json.put("arr", arr);
	} catch (JSONException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	}
	return arr.toString();
}
 

前臺程式碼：

//取得購物車項
$.ajax({
	url: "${base}/cart/cartItems.jhtml",
	type: "GET",
	dataType: "json",
	traditional: true,
	cache: false,
	success: function(data) {
		var msg = eval(data);
		$.each(msg, function (index, item) {  
			 //迴圈獲取資料    
			 var id = msg[index].id;  
			 var name = msg[index].name;
			 var image = msg[index].image;
			 var count = msg[index].count;
			 var price = msg[index].price;
			 [@compress single_line = true]
				var html = 
					'<dt><a href="#"><img src="${base}'+image+'"<\/a><\/dt><dd><p>'+name+'<\/p><h1>¥'+price+'<span>×'+count+'<\/span><a href="#">刪除<\/a><\/h1><\/dd>';
			 [/@compress]
			$("#cartItems").append(html);
		});  
	}
});