shoppingcartページhtmlフォームデザイン

Question

shoppingcartビューのテンプレートを設計する際に、ループを使用して表示するカートのアイテムのリストを作成しました。また、ユーザーが各アイテムを削除するための削除ボタンを提供したいカートはこのように出てきました

ここでは/ books/removefromcart/91に91がショッピングカートIDです。 cartitemidはアイテムのIDを表します。

各リスト項目に対して1つのフォームを作成するのが悪い方法ですか？正しい方法はありますか？

<form action="/books/removefromcart/91" method="POST" > 
    <li>1. mastering java 1 copies 
<input type="hidden" name="cartitemId" value="94"/> 
<input type="submit" value="remove"/>    
</li>     
</form> 

<form action="/books/removefromcart/91" method="POST" > 
<li>2. mastering python 2 copies 
<input type="hidden" name="cartitemId" value="93"/> 
<input type="submit" value="remove"/>    
</li>     
</form> 

<form action="/books/removefromcart/91" method="POST" > 
<li>3. mastering ruby 1 copies 
<input type="hidden" name="cartitemId" value="92"/> 
<input type="submit" value="remove"/>    
</li>     
</form> 
.. 
<!--a form for adding item to cart --> 
<form action="/books/addtocart/43" method="POST"> 
    <label for="quantity">Number of Copies:</label>    
<select id="quantity" name="quantity"> 
<option selected="" value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
... 
</select> 
<input type="hidden" name="cartId" value="91"/> 
<input type="submit" value="AddToCart" /> 
</form> 

Answer 1

更新の各ボタン上/コール1つのjavascript関数を削除し、その機能にその商品価値を渡す...そしてあなたがそれを処理することができます...

例えば：---

<input type="button" OnSubmit="remove('91');" value="Remove" /> 


function remove(id) 
{ 

    $.ajax({ 
           url: 'yourpage.aspx, 
           type: 'POST', 
           data: 'prodid='+id, 
           success: function(response) { 
            /*your code for success goes here */ 
           } 
          }); 
}