Run PHP on button click

Question

I am learning jQuery and PHP. I am making a simple yes or no oracle. Its working but I need to refresh the page if i want to ask something new. I would like to fire the PHP when someone clicks the button. My code is pretty simple. <div class="ask"> Is the button. I know i could do it with jQuery but i would like to learn a little PHP.

My Code:

PHP:

    $answer = array("Yes", "No", "I could not decide ask again later");
    $randKey = array_rand($answer);

jQuery:

 $(document).ready(function() {

    $( ".ask" ).click(function( event ) {
        event.preventDefault();
    });

    $('input').bind("enterKey",function(e){
        $('.ask a').click();
    });
    $('input').keyup(function(e){
        if(e.keyCode == 13)
        {
            $(this).trigger("enterKey");
        }
    });

    $('.ask a').click(function(){
        if($('input').val() == ''){
            $('h2 span').remove();
            $('h2').append("<span>It's a secret? You need to ask someting.</span>");
        }
        else{
            $('.answer span').fadeIn(2000);
            $('h2').css({'border-bottom' : '1px solid black', 'padding-bottom' : '20px'}); 
            var kysymys = $('input').val();
            $( "h2" ).html( "<b>You asked: </b> " + "<span>"  + kysymys + "?</span>");
            // $('input').val("");
        }
    });

 });

HTML:

<body>
        <?php require_once("inc/yes-or-no.php"); ?>
        <h2></h2>
        <h1 class="answer"> Your answer: <span><?php echo $answer[$randKey]; ?></span></h1>
        <p class="input"><input type="text" autofocus> <span>?</span></p>
        <div class="ask"> <a href="#"> Ask your question!</a></div>
    </body>

Check out jQuery AJAX.

Milan and Friends
– Milan and Friends

2013-12-16 00:57:57 +00:00
Commented Dec 16, 2013 at 0:57 — Milan and Friends
– Milan and Friends, Commented Dec 16, 2013 at 0:57

Thom Wiggers · Accepted Answer · 2013-12-16 00:57:38Z

1

You would need to use AJAX to send a request to the web server. You can't just run PHP in javascript (unless someone built a interpreter): javascript generally runs on the client side, while PHP runs on the server side. To get PHP to do stuff, you must ask the server the right questions (i.e. HTTP requests).

EDIT: oh, I misread and missed the require_once(). Just make PHP echo a javascript or hidden HTML section, then pull the relevant info out using javascript.

e.g.

echo <script>var foo = "bar"; </script>

Of course, you should then first make the server actually run the served pages using the PHP interpreter.

answered Dec 16, 2013 at 0:57

Thom Wiggers

7,0922 gold badges41 silver badges66 bronze badges

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

Comments

nur · Accepted Answer · 2013-12-16 00:58:33Z

1

i think you need to understand php runs in server while jquery runs on client-side. so whenever someone clicks a button, you need to notify your server-side php code to do something. you can do this using ajax. this will not cause page-refresh.

answered Dec 16, 2013 at 0:58

nur

1612 silver badges11 bronze badges

Comments

kba · Accepted Answer · 2013-12-16 00:59:01Z

1

PHP is a server-side language whereas JavaScript (which jQuery is built on) is a client-side language. This means that if you want execute a PHP file, you need to submit a request to the server, have the server execute it, then reply to the client with the result. You can do this (as you're doing it now) by refreshing the page. Alternatively, you can make an AJAX (JavaScript) call.

You cannot have the client execute PHP code — the client only executes JavaScript.

answered Dec 16, 2013 at 0:59

kba

19.5k6 gold badges65 silver badges90 bronze badges

1 Comment

Pullapooh Over a year ago

Thanks for your fast reply. I am totally new to Ajax and Json I did read a little of it and i didn't quite understand what to do. Do i need to change my php code? I don't understand how I can Ajax a php variable or Json it.

Pullapooh · Accepted Answer · 2013-12-19 20:40:40Z

HTML:

<body>
        <h2></h2>
        <h1 class="answer"> Your answer: <span><?php echo $answer[$arrayKeys[0]]; ?></span></h1>
        <p class="input"><input type="text" autofocus> <span>?</span></p>
        <div class="ask"> <a type="submit" href="#"> Ask your question!</a></div>
</body>

jQuery:

$('.ask a').click(function(){
        if($('input').val() == ''){
            $('h2 span').remove();
            $('h2').append("<span>It's a secret? You need to ask someting.</span>");
        }
        else{
      $(".answer span").load("inc/yes-or-no.php"); 
        }

});

PHP:

header("Cache-Control: no-cache"); 
// Ideally, you'd put these in a text file or a database.  
// Put an entry on each line of 'a.txt' and use $prefixes = file("a.txt"); 
// You can do the same with a separate file for $suffixes. 
$prefixes = array("Yes", "No", "I couldn't decide, ask again later.");
// This selects a random element of each array on the fly 
echo $prefixes[rand(0,count($prefixes)-1)];
// Example output: Tagging is the new Media

You can read more on Sitepoint

Thanks To http://www.sitepoint.com/ajax-jquery/

Collectives™ on Stack Overflow

Run PHP on button click

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related