Execute PHP code onclick of button/link?

Question

I have a shopping cart which uses PHP. When a person adds something to their cart, the relevant code is done at the top of cart.php, meaning they have to leave the product page as they add something to cart, and end up having to press the back button if they want to do more.

How do I execute PHP/SQL code when a user clicks "add to cart", but without redirecting them to a new page? I think Jquery/JSON is needed here, but I don't know the first thing about that. Something like the below:

//product page
<input type="button" value="3"/>
//when the button is clicked, do some SQL/PHP based on the value on the same page

Originally, I had:

//product page
<form action="./cart.php" method="post">
    //some code for user to select whats to be submitted
    <input type="submit"/>
</form>
...
//cart page
//some logic relevant to taking value from product page and adding to cart
//then display cart contents

The problem is that it takes them to a new page when I'm positive the logic can be done on the same page onclick of button.

Can I gently suggest that you do a little more thorough background education first? Learning on-the-project can definitely be fun, but it also makes it easy to leave gaps in your knowledge that can bite you hard in the future. There's a lot that you don't know at this point that you probably ought to if you're building a shopping cart. — Brian Warshaw
– Brian Warshaw, Commented Jan 31, 2014 at 18:20

Aditya · Accepted Answer · 2014-01-31 18:29:32Z

1

Do a POST request with jQuery,the page doesn't load since it is ajax..

$('input[type="submit"]').on('click',function(){
    var data = $('your_input_element').val();
    $.post('./cart.php',{"data" :data},function(response) 
    {
        console.log(response);
    });
});

OR:

Give a target to your form to an iframe which is hidden

//product page
<form action="./cart.php" method="post" target="iframe_target">
    //some code for user to select whats to be submitted
    <input type="submit"/>
</form>
<iframe id="iframe_target" name="iframe_target" src="#" style="display:none;"></iframe>

edited Jan 31, 2014 at 18:29

answered Jan 31, 2014 at 18:11

Aditya

4,4733 gold badges30 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

gator Over a year ago

Can an iframe src be a .php? I thought it was strictly for .html.

Aditya Over a year ago

Yes you can, but i would prefer first method, check this link for more : css-tricks.com/snippets/html/post-data-to-an-iframe

helion3 · Accepted Answer · 2014-01-31 18:10:39Z

1

You'd need an ajax-style handler in javascript.

Using jquery you could handle the click and send the cart data to a php script:

$('button').click(function(e){
  $.post('url', {product_id:$(this).val(), function(){ // success });
});

answered Jan 31, 2014 at 18:10

helion3

38k16 gold badges66 silver badges113 bronze badges

Collectives™ on Stack Overflow

Execute PHP code onclick of button/link?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related