PHPでボタンのonclickイベントに応答する方法-PHPチュートリアル-php.cn

PHPでボタンのonclickイベントに応答する方法

王林

リリース： 2023-04-07 20:34:01

オリジナル

6878 人が閲覧しました

PHPでボタンのonclickイベントに応答する方法

PHP はサーバー側コード、HTML はクライアント側コードです。ボタンの onclick イベントを実装するには、クライアントはサーバー側関数を呼び出すため、リクエストを送信する必要があります。サーバー。

単純で大雑把な方法があります。つまり、ボタンが a タグの場合、href に実行する PHP ページを直接記述する (または window.location をバインドして JS 経由で PHP にジャンプする) ことができます。ボタンに）。このアプローチでは、ボタンごとに PHP コードを設計する必要があります。

私のアプローチは、イベント ajax を使用してクリックイベントをボタンにバインドし、ajax を実行することです。

例:

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";
	}
?>

ログイン後にコピー

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>

ログイン後にコピー

推奨チュートリアル:php チュートリアル

以上がPHPでボタンのonclickイベントに応答する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。