<td> <input type="button" value="訂單詳情" id="but<s:property value="#o.oid"/>" onclick="showDetail(<s:property value="#o.oid"/>)"/> <div id="div<s:property value="#o.oid"/>"></div>  </td> <script type="text/javascript"> function showDetail(oid){ var but = document.getElementById("but"+oid); var div1 = document.getElementById("div"+oid); if(but.value == "訂單詳情"){ // 1.創建異步對象 var xhr = createXmlHttp(); // 2.設置監聽 xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ if(xhr.status == 200){ div1.innerHTML = xhr.responseText; }} } // 3.打開連接 xhr.open("GET", "${pageContext.request.contextPath}/ adminOrder_findOrderItem.action?oid="+oid+"&time= "+new Date().getTime(),true); // 4.發送 xhr.send(null); but.value = "關閉"; }else{ div1.innerHTML = ""; but.value="訂單詳情"; } } function createXmlHttp(){ var xmlHttp; try{ // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest();  } catch (e){ try{// Internet Explorer xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");  } catch (e){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch (e){}  }  } return xmlHttp; } </script> // 根據訂單的id查詢訂單項: public String findOrderItem(){ // 根據訂單id查詢訂單項: List<OrderItem> list = orderService.findOrderItem(order.getOid());   // 顯示到頁面: ActionContext.getContext().getValueStack().set("list", list);   // 頁面跳轉 return "findOrderItem"; }  <table width="100%">  <s:iterator var="orderItem" value="list">  <tr>   <td><img width="40" height="45" src="${ pageContext.request.contextPath }/<s:property value="#orderItem.product.image"/>"></td>   <td><s:property value="#orderItem.product.pname"/></td>   <td><s:property value="#orderItem.count"/></td>   <td><s:property value="#orderItem.subtotal"/></td>  </tr>  </s:iterator> </table>