How to call a php script function on a html button click

Question

Before someone has a go at me or marks this down  I have looked all over the internet to find out how to do this  including the same question on stackoverflow   I m new  and I am finding it very hard to learn new concepts so please be easy on me   What I want to do is call a php script function on a button click  I have this running in WAMP if that helps  Here s my code    lt  php include  the script php     gt    lt button type  button  onclick  the function    gt Click Me lt  button gt    the script php has this in it   the function         echo  You win       Why isn t this working  I ve heard about the button being client side etc  and PHP being server-side  which means that you cannot link the two together  I know that you have to use AJAX to make this work  however I legitimately have absolutely no clue how to do it  I ve tried googling it etc   however I can t find anything  I know how to use AJAX and call events with it  however I still have no idea how to make it call a PHP script   Can you please make your answers as clear and simple as possible  I m new to this  Thanks for the help     EDIT      For some reason wherever I go everyone s code is different  The way I have been taught AJAX looks completely different  Can you please write it this way so I can understand  Thanks  here s an example   var request   if  window XMLHttpRequest        request   new XMLHttpRequest      else       request   new ActiveXObject  Microsoft XMLHTTP       request open  GET    file php   true    request onreadystatechange   function          if  request readyState   4  amp  amp  request status   200            do stuff          request send

User · Answer

Modify the script php like this    lt script gt  the function         alert  You win       lt  script gt

User · Answer

Just try this     lt button type  button  gt Click Me lt  button gt   lt p gt  lt  p gt   lt script type  text javascript  gt        document  ready function               button   click function                   ajax                   type   POST                   url   script php                   success  function data                        alert data                          p   text data                                                  lt  script gt    In script php   lt  php    echo  You win      gt

User · Answer

First understand that you have three languages working together       PHP  Is only run by the server and responds to requests like clicking on a link  GET  or submitting a form  POST     HTML  amp  Javascript  Is only run in someone s browser  excluding NodeJS    I m assuming your file looks something like     lt  php function the function     echo  I just ran a php function        if  isset   GET  hello         the function             gt     lt html gt    lt a href  the script php hello true  gt Run PHP Function lt  a gt    lt  html gt    Because PHP only responds to requests  GET  POST  PUT  PATCH  and DELETE via   REQUEST  this is how you have to run a php function even though their in the same file  This gives you a level of security   Should I run this script for this user or not     If you don t want to refresh the page you can make a request to PHP without refreshing via a method called Asynchronous Javascript and XML  AJAX

User · Answer

the function        ajax  url  demo test php  success function result       alert result      will alert 1                demo test php   lt  php echo 1    gt    Notes   Include jquery library for using the jquery Ajax Keep the demo test php file in the same folder where your javascript file resides

User · Answer

You can also use        document  ready function            some even that will run ajax request - for example click on a button      var uname       username   val          ajax       type   POST       url   func php     this should be url to your PHP file     dataType   html       data   func   toptable   user id  uname       beforeSend  function                 right   html  checking               complete  function           success  function html                right   html html                          And your func php     function toptable        echo  something happens in here        Hope it helps somebody

User · Answer

Use jQuery In the HTML page -    lt button type  button  gt Click Me lt  button gt    lt script gt    document  ready function        button   click function        ajax       url  php page php     the page containing php script     type   POST     request type     success function result       alert result                       lt  script gt    Php page -   echo  Hello

User · Answer

Of course AJAX is the solution   To perform an AJAX request  for easiness we can use jQuery library    Step1   Include jQuery library in your web page  a  you can download jQuery library from jquery com and keep it locally   b  or simply paste the following code    lt script src  http   ajax googleapis com ajax libs jquery 1 11 2 jquery min js  gt  lt  script gt    Step 2   Call a javascript function on button click   lt button type  button  onclick  foo    gt Click Me lt  button gt    Step 3   and finally the function   function foo              ajax           url  test php     the page containing php script         type   POST     request type         success function result            alert result                          it will make an AJAX request to test php when ever you clicks the button and alert the response   For example your code in test php is    lt  php echo  hello     gt    then it will alert  hello  when ever you clicks the button

[php] How to call a php script/function on a html button click

Examples related to php

Examples related to ajax

Examples related to onclick