Comment répondre à l'événement bouton onclick en php-tutoriel php-php.cn

Comment répondre à l'événement bouton onclick en php

王林

Libérer： 2023-04-07 20:34:01

original

6811 Les gens l'ont consulté

Comment répondre à l'événement bouton onclick en php

PHP est du code côté serveur et HTML est du code côté client Pour implémenter l'événement onclick du bouton, le client appelle la fonction côté serveur, il doit donc soumettre une requête à. le serveur.

Il existe un moyen simple et grossier, c'est-à-dire que lorsque le bouton est une balise a, vous pouvez directement écrire la page PHP à exécuter dans le href (ou passer à PHP via JS en liant window.location au bouton). Cette approche nécessite de concevoir un code PHP pour chaque bouton.

Ce que je fais, c'est : event+ajax lie l'événement click au bouton, puis exécute ajax.

Exemple :

server.php

<?php 
	if (isset($_POST[&#39;action&#39;]))
	{
		switch($_POST[&#39;action&#39;])
		{
			case "btn1":btn1();break;
			case "btn2":btn2();break;
			default:break;
		}
	}
	function btn1()
	{
		echo "hello 按钮1";
	}
	function btn2()
	{
		echo "hello 按钮2";
	}
?>

Copier après la connexion

index.php

<html>
<head>
	<style>
	div {width:600px;margin:200px auto;}
	.btn {
		background-color:#44c767;
		-moz-border-radius:28px;
		-webkit-border-radius:28px;
		border-radius:28px;
		border:1px solid #18ab29;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:Arial;
		font-size:17px;
		padding:16px 31px;
		text-decoration:none;
		text-shadow:0px 1px 0px #2f6627;
	}
	.btn:hover {
		background-color:#5cbf2a;
	}
	.btn:active {
		position:relative;
		top:1px;
	}
	#btn2 {float:right;}
	</style>
	<script type="text/javascript" language="javascript" src="jquery.js"></script>
	<script type="text/javascript" language="javascript">
		function fun(n) {
			$.ajax({
				url:"server.php", 			//the page containing php script
				type: "POST", 				//request type
				data:{action: n.value},
				success:function(result){
					alert(result);
				}
			});
		}
		function fun2(n) {
			var url = "server.php";
			var data = {
				action : n.value
			};
			jQuery.post(url, data, callback);
		}
		function callback(data) {
			alert(data);
		}
	</script>
</head>
<body>
	<div>
		<button type="button" class="btn" id="btn1" οnclick="fun(this)"  value="btn1">按钮1</button>
		<button type="button" class="btn" id="btn2" οnclick="fun2(this)" value="btn2">按钮2</button>
	</div>
</body>
</html>

Copier après la connexion

Tutoriel recommandé : tutoriel php

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!