查詢訂單詳情
        點擊每一個訂單後面的訂單詳情,將該訂單的oid通過ajax傳遞到後臺查詢
    步驟分析:
        給按鈕添加事件

/store/WebContent/admin/order/list.jsp

        <script type="text/javascript">
                function showDetail(oid){
                    //alert(oid);
                    $.post("${pageContext.request.contextPath}/adminOrder",{"method":"getDetailByOid","oid":oid},function(data){
                        var s
 
="<table width=‘99%‘ border=‘1‘><tr><th>商品名稱</th><th>購買數量</th></tr>";
                        $(data).each(function(){
                            s+=("<tr><td>"+this.product.pname+"</td><td>"+this.count+"</td></tr>");
                        });
                        s
 
+="</table>";
                        
                        layer.open({
                             type: 1,//0:信息框; 1:頁面; 2:iframe層;    3:加載層;    4:tip層
                             title:"訂單詳情",//標題
                             area: [‘450px‘, ‘300px‘],//大小
                             shadeClose: true
 
, //點擊彈層外區域 遮罩關閉
                             content: s//內容
                        });
                    },"json");
                }
        </script>

/store/src/com/louis/web/servlet/AdminOrderServlet.java

/**
     * 查詢訂單詳情
     * @param request
     * @param response
     * @return
     * @throws Exception
     */
    public  String getDetailByOid(HttpServletRequest request, HttpServletResponse response) throws Exception {
        response.setContentType("text/html;charset=utf-8");
        
        //1.接受oid
        String oid = request.getParameter("oid");
        
        
        //2.調用serivce查詢訂單詳情 返回值 list<OrderItem>
        OrderService os=(OrderService) BeanFactory.getBean("OrderService");
        List<OrderItem> items = os.getById(oid).getItems();
        
        
        //3.將list轉成json 寫回
        //排除不用寫回去的數據
        JsonConfig config = JsonUtil.configJson(new String[]{"class","itemid","order"});
        JSONArray json = JSONArray.fromObject(items,config);
        //System.out.println(json);
        response.getWriter().println(json);
        return null;
    }    

導入layer

效果

問題：

json數據轉化

（三十二）訂單管理-查詢訂單詳情