php中如何响应button的onclick事件
发布时间：2020-10-22 编辑：jiaochengji.com
教程集为您提供php中如何响应button的onclick事件等资源，欢迎您收藏本站，我们将为您提供最新的php中如何响应button的onclick事件资源
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";
}
?>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中如何响应button的onclick事件的详细内容，更多请关注教程集其它相关文章！
您可能感兴趣的文章：
php中如何响应button的onclick事件
PHP相应button中的onclick事件
js中onkeyup、onkeydown与onkeypress的区别
jQuery中的常用事件总结
键盘事件keydown,keypress,keyup有哪些区别
button按钮和submit按钮有什么区别？
asp.net 动态添加控件与事件的方法介绍
JQuery从头学起第二讲
C#实现点击按钮退出应用程序实例
jquery中event对象属性与方法小结
[关闭]