How to Call PHP Function in a Class from HTML Button Click

46,114

You should do something like that

<button class="btn" onclick="onrequest();">Add</button>

function onrequest() {
      $.post( 
          'example.php'
       ).success(function(resp){
            json = $.parseJSON(resp);
            alert(json);
       });
}

and in example.php call your function

$class = new Awards();
$method =  $class->clickFunction();
echo json_encode($method);

and in your clickFunction();

clickFunction(){
 $array = array(
   'status'  => '1'
 );    
 return $array; 
}
Share:
46,114
Razor
Author by

Razor

Programmer

Updated on July 09, 2022

Comments

  • Razor
    Razor almost 2 years

    I am a rookie PHP developer.

    I have a PHP web project with an HTML page that contains an Add button. The name of the page is Awards.html. Elsewhere I have created a PHP class, Awards.php which contains a function.

    The source code of my files is given as follows:

    Awards.html

    <div class="divparent">
        <div class="modal-header">
            <div class="btn-group">
                <button class="btn" data-bind="click: closeModal">Exit</button>
            </div>
        </div>
        <div class="modal-title">
            <h1 id="headerid">Awards</h1>
        </div>
        <div class="modal-body">
            <input id="hdnValueCurrentAwardSoid" type="hidden" value="null" />
            <div class="divleft">
    
                <input id="txtName" maxlength="80" type="text" class="water newpost1" placeholder="Award Name" tabindex="1" />        
    
                <section class="ThumbnailContainer">
                    <img id="imgThumbnail" class="imgThumbnail" />
                    <img src="http://localhost/rockontechnologies/Images/GreenRibbon.png" id="pictureribbon" class="pictureribbon" />
                    <input type="text" contenteditable="false" readonly id="transformtext" />
                </section>
    
                <textarea id="txtdescription" placeholder="Description" class="water newpost1" rows="4" tabindex="2"></textarea>    
    
                <div class="ui-widget">
                    <input id="txtIssueOrg" maxlength="50" type="text" placeholder="Issue Organization" />
                </div>
    
            </div>
        </div>
        <div class = "divbottom">
            <div id="divAddAward">
                <button class="btn" onclick="">Add</button>
        </div>
        </div>
    </div>
    

    Awards.php

        <?php
    
        class Awards
        {
            function clickFunction()
            {
                //Function that needs to be executed!
            }
        }
    

    The problem here is that on the click event of the Add button, I need to call the clickFunction() of the Awards.php file. Can anyone please tell me how to do this?

    Replies at the earliest will be highly appreciated. Thank you.