购物车JSP：选择一个或多个项目并将其提交到购物车时，需要项目行留在产品页面上

我有一个购物车应用程序，其中的项目以行的形式显示。在每个行末尾都有一个“添加到购物车”提交按钮。目前，当我点击该按钮时，整个页面消失，并且在表单提交给servlet时出现错误404页面。我想要的是，当提交一行时，剩下的行将保留，只有被点击的行才会改变颜色。随着用户添加更多行（项目），这些行中的每一行都应该改变颜色。我有变化的颜色部分，但一直未能弄清楚如何使其余的行留在页面上。购物车JSP：选择一个或多个项目并将其提交到购物车时，需要项目行留在产品页面上

 <h1> Here is the product list as per your category selection</h1> 

<table cellpadding="10" border="1" id="tbl"> 
    <tr valign="bottom" style="background-color: #FF00FF"> 
     <th align="left">Sl No</th> 
     <th align="left">Prod ID</th> 
     <th align="left">Unit Price</th> 
     <th align="left">Quantity</th> 
     <th align="left"></th> 
    </tr> 
    <form name="tableForm" > 
     <c:forEach items="${listInServlet1}" var="regBean"> 
      <tr style="background-color: #00FFFF"> 
       <input type="hidden" value="sval" name="qtyTextHidden" /> 
       <input type="hidden" name="reagentId" value="<c:out Value = " ${regBean.prodId} 
       "/>" /> 
       <td> 
        <c:out Value="${regBean.prodCount}" /> 
       </td> 
       <td> 
        <c:out Value="${regBean.prodId}" /> 
       </td> 
       <td> 
        <c:out Value="${regBean.price}" /> 
       </td> 
       <td> 
        <input name="qtyText" type="text" size="2" value="" 
       onChange="calculateTotalPrice(this, '${regBean.price}')" 
        /> 
       </td> 
       <td> 
        <input name="totalprice" type="text" size="2" value="0" /> 
       </td> 
       <td> 
        <input type="submit" value="Add to Cart" name="addToCrtBtn" 
      onClick="submitValues(event, '${regBean.prodCount}', '${regBean.price}')" 
        /> 
       </td> 
      </tr> 
     </c:forEach> 
    </form> 
</table> 
<table> 
    <tr> 
     <td> 
      <form name="tableForm" method="post" action="/myapp/myservlet"> 
       <input type="submit" value="Done" id="submitOrder" /> 
      </form> 
     </td> 
    </tr> 
</table>

来源

2013-03-13 Raghu

调查ajax调用。 – 2013-03-13 03:44:33

你可以使用jquery来调用servlet。 [这里] [1]就是一个例子。 [1]：http://stackoverflow.com/questions/3614703/calling-a-servlet-from-a-jsp-page-using-jquery-ajax – 2013-03-13 04:00:35

向您提交购物车数据的servlet发出ajax请求。并且当从servelt返回的响应改变了该行的颜色时。用于标识您必须提交的行数据使用行的“id”属性。

来源

2013-03-13 03:53:00 Imrank

Raghu，

你可以去imran提出的答案。我认为这将是实现这一目标的最佳方式，但是再次有另一种方式是复杂的，在您将ATC [添加到购物车]提交给servlet时，一旦您从servlet重定向添加到类别页面一次再次连同已添加的产品ID参数列表。通过此列表，您可以轻松地显示已经项目的彩色行。

来源

2013-03-13 04:18:57

你能提供一些示例servlet代码？我认为这是一个很好的策略。我尝试过，但servlet重定向和AJAX响应不匹配到页面，并且显示页面时出现问题 – Raghu 2013-03-13 21:05:19

购物车JSP：选择一个或多个项目并将其提交到购物车时，需要项目行留在产品页面上

回答

相关问题