Question

我编写jsp代码并通过tomcat运行代码。标签形式的标签按钮。像这样的代码JSP：

<form action="" method="get">
<div class="minicart"> 
    <a href="#" class="minicart_link"> <span class="item"><b>0</b> ITEM /</span> <span class="price"><b></b></span> </a>
    <div class="cart_drop">
        <span class="darw"></span>
        <div class="minicart">
            <a href="#" class="minicart_link"> <span class="item"><b>0</b> ITEM /</span> <span class="price"><b>$ 0 VND</b></span></a>
            <div class="cart_drop">
                <span class="darw"></span>
                <ul>
                    <li>Mời Bạn Hãy Mua Hàng Của Chúng Tôi</li>
                    <div class="cart_bottom">
                        <div class="subtotal_menu"><small>Tổng Cộng:</small><big>$ 0 VND</big></div>
                        <a href="../pageofwebsite/giohang.jsp">Checkout</a>
                    </div>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="add_to_buttons">
  <button id="addToCart" class="add_cart" name="3">Add to Cart</button>
</div>

当我点击按钮时，id =＆＃34; addToCart＆＃34; ，然后在文件mutation-summary.js中的源代码是调用return重新加载此页面。 I don't want re-load this page when i click button。我不是不为什么？文件matation-summary.js不在我的源代码中。这里的代码，当我点击按钮有id =＆＃34; addToCart＆＃34;。

$("#addToCart").click(function(event){
        $.ajax({
           type: "POST",
           url: "../gioHang",
           data: dataString,
           cache: false,
           success: function (html) {
               // xử lý lại chỗ này!!!
               //dataString= 'searchword='+ '';
               if(html.indexOf("alert") > 0){
                   var temp= $(".minicart").children();
                   $(".minicart").empty();
                   $(".minicart").append(html);
                   var length= temp.length;
                   var temp2= temp[length-2];
                   var temp3= temp[length-1];
                   //$(".minicart").append(temp[1]);
                   $(".minicart").append(temp2);
                   $(".minicart").append(temp3);
                }else{
                    $(".minicart").empty();
                    $(".minicart").append(html);
                }
                var dem=1;
                $(".minicart").click(function(){
                    if(dem %2 !=0){
                        $(".cart_drop").css({"display": "block"});
                        dem=2;
                    }else{
                        $(".cart_drop").css({"display": "none"});
                        dem=1;
                    }
                });
           }
        });

    });

Answer 1

按钮的默认type为submit。请参阅：Can I make a <button> not submit a form?

尝试将按钮更新为此代码：

<button type="button" id="addToCart" class="add_cart" name="3">Add to Cart</button>

单击按钮调用源时运行代码：mutation-summary.js

1 个答案: