how to call a php function on button click

Question

These are two files

Calling.php

<html>
<body>
<form action="Called.php" method="get">
    <input type="button" name="B1" value="B1">
    <input type="button" name="B2" value="B2">
    <input type="Submit" name="Submit1"/>

    <!-- <a href="http://www.google.com?act=google">Google</a>
    <a href="http://www.yahoo.com?act=yahoo">yahoo</a>
     -->
</form>     
</body>
</html>

And Called.php

<?php
if(isset($_GET("Submit1")))
{   
        echo("<script>location.href = 'http://stackoverflow.com';</script>");
}
if(isset($_GET["B1"]))
{
    echo("<script>location.href = 'http://google.com/';</script>");
    exit();
} 
if(isset($_GET["B2"]))

 - List item

{
    echo "<meta http-equiv='refresh' content='0;url=http://www.yahoo.com'>";
    exit(); 
}
?>

When i click the buttons "B1" and "B2", page will blink but now where redirect and third one "Submit" button will redirect to new page and there i am getting the out put as "Called.php".

Please spend few seconds for this php beginner.

If you want to redirect with PHP, don't output javascript but use header() function: if($someVar) {header('Location: http://stackoverflow.com'); exit; } — Jean-Baptiste Emmanuel Zorg
– Jean-Baptiste Emmanuel Zorg, Commented Mar 23, 2011 at 10:24
Ah, good point, didn't notice what he was actually trying to achieve — GordonM
– GordonM, Commented Mar 23, 2011 at 10:38

GordonM · Accepted Answer · 2011-03-23 10:37:57Z

10

You can't directly because the button click is a client side activity and PHP is server side. If you make all the inputs submit then the one the user clicked will be submitted as part of the $_GET array but that only works if the user clicks one of them and doesn't submit the form by, say, hitting Enter in a text input.

You could attach AJAX events to the button and have them trigger off a PHP script to run the function you want to run, but that has its own set of issues.

EDIT: I should note that your method of redirecting is rather inelegant to say the least. You can just use header() to do the redirection, it would be much cleaner than all this messing around with echoing out javascript.

answered Mar 23, 2011 at 10:37

GordonM

31.9k17 gold badges94 silver badges134 bronze badges

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

2 Comments

Gnanendra Over a year ago

Thank you Gordon.. Thanks for providing me the information about the server side and client side executions in PHP...

Gnanendra Over a year ago

Now I have added the JavaScript code in this now also its not executing the code which is in the Called.php file... JavaScript code <html> <body> <script> function formsubmit(){ document.form1.action="Page Name here you want to go that"; document.form1.submit(); } </script> <form name="form1" action="Called.php" method="post"> <input type="button" name="B1" value="B1" onclick="formsubmit();"> <input type="button" name="B2" value="B2" onclick="formsubmit();"> <input type="Submit" name="Submit1"/> <br/> <a href="#" onclick="formsubmit();">Click here</a> </form> </body> </html>

Shameer · Accepted Answer · 2011-03-23 10:52:05Z

1

You need to use Ajax to do this. If you are using jQuery ajax the code will look something like this

$(function(){
   $('input[type="button"]').click(function(){
        var name = $(this).attr('value');
        $.ajax({
            type :'GET',
            url  : 'Calling.php',
            data :{name:name}
            success : function(data) {
              //do smthng 
           }
        })
   })
})

//Code is not tested. Need to verify.

answered Mar 23, 2011 at 10:52

Shameer

3,0861 gold badge23 silver badges27 bronze badges

2 Comments

Shameer Over a year ago

Definitely. Also you need to include jquery (ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js)

Gnanendra Over a year ago

Yes Shameer, Now I have added the JavaScript code in this now also its not executing the code which is in the Called.php file... JavaScript code <html> <body> <script> function formsubmit(){ document.form1.action="Page Name here you want to go that"; document.form1.submit(); } </script> <form name="form1" action="Called.php" method="post"> <input type="button" name="B1" value="B1" onclick="formsubmit();"> <input type="button" name="B2" value="B2" onclick="formsubmit();"> <input type="Submit" name="Submit1"/> <br/> <a href="#" onclick="formsubmit();">Click here</a> </form> </body> </html>

Collectives™ on Stack Overflow

how to call a php function on button click

2 Answers 2

2 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Linked

Related