php button onclick,php实现button的onclick事件的方法

php实现button的onclick事件的方法

发布时间：2020-06-25 14:16:47

来源：亿速云

阅读：141

作者：Leah

本篇文章为大家展示了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

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

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);

}

按钮1

按钮2

上述内容就是php实现button的onclick事件的方法，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注亿速云行业资讯频道。