Execute PHP function using onclick

In web development, it is a common technology to use JavaScript's onclick event to execute PHP functions. A JavaScript function is triggered by clicking on an HTML element, and then the JavaScript calls the back-end PHP function to achieve dynamic interaction. This method can realize dynamic updating of web content and data processing, and improve user experience and interactivity. In actual development, more complex functions and page interaction effects can be achieved by combining technologies such as Ajax. This article will introduce how to use onclick events to execute PHP functions and help developers better understand and apply this technology.

We will also demonstrate another way to execute a PHP function using the onclick() event, calling a PHP function using pure JavaScript.

This article will introduce a way to execute a PHP function, send the data in the URL using the GET method, and check the GET data using the isset() function. This method calls a PHP function if the data is set and the function is executed.

Using jQuery to execute a PHP function via the onclick() event

We can use jQuery to execute the onclick() event by writing a function that executes a PHP function. For example, create a PHP file echo.php and write a function php_func(). Write a message Have a great day inside the function and call the function. In another PHP file, write some jQuery inside the script tags. Don't forget to link the web page with the jQuery source. In html, write a button tag with the onclick() attribute. Write the attribute value as the test() function. Write the text Click between the button tags. Create an empty div tag below the button. Write the function test() inside the script tag. Write an ajax method with the URL of echo.php and a success() function with result as the parameter. Then use the selector to select the div tag and use the text() function with result as parameters.

In the following example, we use the AJAX method to perform an asynchronous Http request. URL specifies the URL to send the request to, running the success() function when the request is successful. This method sends the request to the echo.php file, which is located in the same location as the current PHP file. The request is successful, the success() function returns the result and prints it out.

Sample code:

#php 7.x
<?php
function php_func(){
echo " Have a great day";
}
php_func();
?>

<script>
function test(){
$.ajax({url:"echo.php", success:function(result){
$("div").text(result);}
})
} 
</script>

<button onclick="test()"> Click </button>
<div> </div>

Output:

Have a great day

Using pure JavaScript to execute a PHP function via the onclick() event

This method uses JavaScript to execute a PHP function with the onclick() event. For example, write a PHP function php_func() that displays the message Stay Safe. Create a button named Click using the button tag. Specify the onclick() function as a property and the clickMe() function as its value. Write the function clickMe() inside the script tag. Create a variable result and call php_func() inside the PHP tag. Use the document.write() function with result as argument to print the output.

In the example below, the JavaScript function clickMe() is executed when we click the button. Then, execute the PHP function php_func() from the JavaScript function. result Variable stores the result from the PHP function and is printed.

Code example:

#php 7.x
<?php
function php_func(){
echo "Stay Safe";
}
?>

<button onclick="clickMe()"> Click </button>

function clickMe(){
var result ="<?php php_func(); ?>"
document.write(result);
}

Output:

Stay Safe

Execute a PHP function from a link using the GET method and the isset() function

We can set the link's URL using the GET data and check if the data has been set using the isset() function. We can create a PHP function that is called if the data has been set. For example, write a function myFunction() and display a message Have a great day within the function. Create links using anchor tags. Set the tag's href attribute to index.php?name=true. Write a text Execute PHP Function between the anchor tags. Checks whether the name is set using the isset() function with the $_GET variable. Call function myFunction() inside a if block.

In the example below, GET data is sent via the URL. The value of name is set to true. isset() The function returns true, the function myFunction() is executed and the message is displayed.

Sample code:

# php 7.x
<!DOCTYPE HTML>
<html>
<?php
function myFunction() {
echo &#39;Have a great day&#39;.&#39;<br>&#39;;
 }
if (isset($_GET[&#39;name&#39;])) {
myFunction();
}
?>
<a href=&#39;index.php?name=true&#39;>Execute PHP Function</a>
</html>

Output:

Have a great day

The above is the detailed content of Execute PHP function using onclick. For more information, please follow other related articles on the PHP Chinese website!