Call a PHP function after onClick HTML event

Question

Purpose   Call a PHP function to read data from a file and rewrite it  I used PHP only for this purpose - FileIO - and I m new to PHP   Solution  I tried through many forums and knew that we cannot achieve it normal way  onClick event   call function  How can we do it  are there other ways  particularly in my case  My HTML code and PHP code is on the same page  Admin php  This is HTML part    lt form gt       lt fieldset gt           lt legend gt Add New Contact lt  legend gt           lt input type  text  name  fullname  placeholder  First name and last name  required   gt   lt br   gt           lt input type  email  name  email  placeholder  etc company com  required   gt   lt br   gt           lt input type  text  name  phone  placeholder  Personal phone number  mobile  home phone etc   required   gt   lt br   gt           lt input type  submit  name  submit  class  button  value  Add Contact  onClick      gt           lt input type  button  name  cancel  class  button  value  Reset    gt       lt  fieldset gt   lt  form gt    This is PHP part   function saveContact          datafile   fopen   data data json    a         if   datafile           echo   lt script gt alert  Data not existed    lt  script gt               else                       contact list    contact list   addNewContact                        file put contents  data data json    contact list              fclose  datafile      function addNewContact         new            new    new     fullname         GET  fullname               new    new     email         GET  email               new    new     phone         GET  phone               new    new           return  new      Have a look at these code  I want to call saveContact when people click on Add Contact button  We can reload page if need so  FYI  I use JQuery  HTML5 in page as well  Thanks

User · Answer

lt div id  sample  gt  lt  div gt       lt form gt           lt fieldset gt               lt legend gt Add New Contact lt  legend gt               lt input type  text  name  fullname  placeholder  First name and last name  required   gt   lt br   gt               lt input type  email  name  email  placeholder  etc company com  required   gt   lt br   gt               lt input type  text  name  phone  placeholder  Personal phone number  mobile  home phone etc   required   gt   lt br   gt               lt input type  submit  name  submit  id   submitButton  class  button  value  Add Contact  onClick      gt               lt input type  button  name  cancel  class  button  value  Reset    gt           lt  fieldset gt       lt  form gt    lt script gt         document  ready function                 submitButton   click function                    sample   load filenameofyourfunction the the variable you need                          lt  script gt

User · Answer

You don t need javascript for doing so  Just delete the onClick and write the php Admin php file like this    lt  -- HTML STARTS-- gt   lt  php   If all the required fields are filled if   empty  GET   fullname    amp  amp  empty  GET   email    amp  amp  empty  GET   name       function addNewContact              new             new      fullname         GET  fullname                new      email         GET  email                new      phone         GET  phone                new             return  new         function saveContact              datafile   fopen   data data json    a         if   datafile           echo   lt script gt alert  Data not existed    lt  script gt                   else           contact list    contact list   addNewContact            file put contents  data data json    contact list                 fclose  datafile             Call the function saveContact   saveContact    echo  Thank you for joining us     else   If the form is not submited or not all the required fields are filled      gt    lt form gt       lt fieldset gt           lt legend gt Add New Contact lt  legend gt           lt input type  text  name  fullname  placeholder  First name and last name  required   gt   lt br   gt           lt input type  email  name  email  placeholder  etc company com  required   gt   lt br   gt           lt input type  text  name  phone  placeholder  Personal phone number  mobile  home phone etc   required   gt   lt br   gt           lt input type  submit  name  submit  class  button  value  Add Contact   gt           lt input type  button  name  cancel  class  button  value  Reset    gt       lt  fieldset gt   lt  form gt   lt  php     gt   lt  -- HTML ENDS -- gt    Thought I don t like the PHP bit  Do you REALLY want to create a file for contacts  It d be MUCH better to use a mysql database  Also  adding some breaks to that file would be nice too     Other thought  IE doesn t support placeholder

User · Answer

cell1 innerHTML   lt  php echo  customerDESC    gt     cell2 innerHTML   lt  php echo  comm    gt     cell3 innerHTML   lt  php echo  expressFEE    gt     cell4 innerHTML   lt  php echo  totao unit price    gt      it is working like a charm  the javascript is inside a php while loop

User · Answer

There are two ways  the first is to completely refresh the page using typical form submission    your page php   lt  php    saveSuccess   null   saveMessage   null   if   SERVER  REQUEST METHOD       POST          if form has been posted process data       you dont need the addContact function you jsut need to put it in a new array      and it doesnt make sense in this context so jsut do it here      then used json decode and json decode to read save your json in      saveContact      data   array       fullname      POST  fullname         email    gt    POST  email         phone    gt    POST  phone              always return true if you save the contact data ok or false if it fails   if   saveSuccess   saveContact  data           saveMessage    Your submission has been saved             else         saveMessage    There was a problem saving your submission             gt    lt  -- your other html -- gt    lt  php if  saveSuccess     null     gt      lt p class  flash message  gt  lt  php echo  saveMessage   gt  lt  p gt   lt  php endif    gt    lt form action  your page php  method  post  gt       lt fieldset gt           lt legend gt Add New Contact lt  legend gt           lt input type  text  name  fullname  placeholder  First name and last name  required   gt   lt br   gt           lt input type  email  name  email  placeholder  etc company com  required   gt   lt br   gt           lt input type  text  name  phone  placeholder  Personal phone number  mobile  home phone etc   required   gt   lt br   gt           lt input type  submit  name  submit  class  button  value  Add Contact  onClick      gt           lt input type  button  name  cancel  class  button  value  Reset    gt       lt  fieldset gt   lt  form gt    lt  -- the rest of your HTML -- gt    The second way would be to use AJAX  to do that youll want to completely seprate the form processing into a separate file      process php   response   array     if   SERVER  REQUEST METHOD       POST          if form has been posted process data       you dont need the addContact function you jsut need to put it in a new array      and it doesnt make sense in this context so jsut do it here      then used json decode and json decode to read save your json in      saveContact      data   array       fullname    gt    POST  fullname         email    gt    POST  email         phone    gt    POST  phone              always return true if you save the contact data ok or false if it fails    response  status     saveContact  data     success     error      response  message      response  status            Your submission has been saved            There was a problem saving your submission       header  Content-type  application json      echo json encode  response     exit      gt    And then in your html js   lt form id  add contact  action  process php  method  post  gt           lt fieldset gt               lt legend gt Add New Contact lt  legend gt               lt input type  text  name  fullname  placeholder  First name and last name  required   gt   lt br   gt               lt input type  email  name  email  placeholder  etc company com  required   gt   lt br   gt               lt input type  text  name  phone  placeholder  Personal phone number  mobile  home phone etc   required   gt   lt br   gt               lt input id  add contact submit  type  submit  name  submit  class  button  value  Add Contact  onClick      gt               lt input type  button  name  cancel  class  button  value  Reset    gt           lt  fieldset gt       lt  form gt       lt script type  text javascript  gt         function                 add contact submit   click function e               e preventDefault                   form     this  closest  form                    if you need to then wrap this ajax call in conditional logic                ajax                 url   form attr  action                  type   form attr  method                  dataType   json                 success  function responseJson                      form before   lt p gt   responseJson message   lt  p gt                                    error  function                       form before   lt p gt There was an error processing your request  lt  p gt                                                                         lt  script gt

[php] Call a PHP function after onClick HTML event

Examples related to php

Examples related to html

Examples related to events

Examples related to function

Examples related to onclick