多個按鈕

Question

productdetail.php

<form method="post" action="cart.php"> 
    --data is to kept in session -- 
    <input type="hidden" name="type" value="add" /> 
    <button class="">ADD TO CART</button> 
    <button class="">BUY NOW</button> 
    </from> 

ONCLICK 加入購物車它應該重定向到

--> cart.php --> productdetail.php 

ONCLICK 現在購買它應該重定向到

-->cart.php-->purchasing page(viewcart.php) 

我應該如何處理它們在cart.php

FOR加入購物車：它應該去cart.php然後productdetail.php FOR立即購買：cart.php-> viewcart.php

Answer 1

您應該處理cart.php上的重定向。要知道這是點擊，您就可以根據被點擊您的按鈕做了JS填充隱藏輸入：

<form method="post" action="cart.php" id="someFormId"> <!-- I added id to form --> 
    <!-- your other form inputs and etc here --> 


    <!-- I added a new input hidden --> 
    <input type="hidden" name="userAction" id="inputUserAction" value="" /> 

    <!-- I added type, class and data to both buttons --> 
    <button class="formButton" data-user-action="add" type="button">ADD TO CART</button> 
    <button class="formButton" data-user-action="buy" type="button">BUY NOW</button> 
</form> 

考慮你使用jQuery，添加一個點擊監聽器：

$(function(){ //this is shorthand for document.ready 
    $('.formButton').on('click',function(){ 
     $('#inputUserAction').val($(this).data('userAction')); //update our hidden with the data 
     $('#someFormId').submit(); //submit the form 
    }); 
}); 

現在您將在您的cart.php上收到$_POST['userAction']，您可以根據「添加」或「購買」來完成您的ifs並重定向至您的喜好。

Answer 2

這是你想要的嗎？

<form method="post" action="cart.php"> 
    --data is to kept in session -- 
    <input type="hidden" name="type" value="add" /> 
    <button class="cartbutton">ADD TO CART</button> 
    <button class="buynowbutton">Buy Now</button> 
</from> 

Answer 3

<form method="post" action="cart.php" id="someFormId"> <!-- I added id to form --> 
    <!-- your other form inputs and etc here --> 


    <!-- I added a new input hidden --> 
    <input type="hidden" name="userAction" id="inputUserAction" value="" /> 

    <!-- I added type, class and data to both buttons --> 
    <button class="formButton" data-user-action="add" type="button">ADD TO CART</button> 
    <button class="formButton" data-user-action="buy" type="button">BUY NOW</button> 
</form> 

$(function(){ //this is shorthand for document.ready 
    $('.formButton').on('click',function(){ 
     $('#inputUserAction').val($(this).data('userAction')); //update our hidden with the data 
     $('#someFormId').submit(); //submit the form 
    }); 
});