php中如何响应button的onclick事件

互联网 19-11-21

PHP是服务器端代码，html是客户端代码，实现button的onclick事件，就是客户端调用服务器端函数，因此就得向服务器提交请求。

有一种简单粗暴的方式，就是button是a标签时，可以直接在href里面写上要执行的php页面（或者通过给button绑定window.location通过JS跳转到PHP）。这种做法就得为每一个button设计一个PHP代码。

而我的做法是：事件+ajax 给button绑定点击事件，然后执行ajax。

示例：

server.php

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

<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中如何响应button的onclick事件的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：事件