onclick跳转 php中如何响应button的onclick事件 php

来源:西西图吧       编辑:西西小二
2019-12-06 06:48:13
点击:
25

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">

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" id="btn1" οnclick="fun(this)" value="btn1">按钮1</button>

<button type="button" id="btn2" οnclick="fun2(this)" value="btn2">按钮2</button>

</div>

</body>

</html>

奇闻
相关阅读
干燥综合征怎么确诊 干燥综合症如何确诊

干燥综合征怎么确诊 干燥综合症如何确诊

今题网 新型的互动生活社区,今题网 新型的互动生活社区今题会员,免费发布,10月6日 15:54 更新 0次浏览,服务种类:,其他服务 - 其他服务,服务范围:,崇信,联系人:李助手,服务地区:平凉>

03-07
世界上迄今都无法解释的三大诡异事件 世上最诡异的事件

世界上迄今都无法解释的三大诡异事件 世上最诡异的事件

,神秘车祸,在 1920 年英格兰的 Devon,有一条很普通的直路,而且一点都不危险,却离奇地一直发生严重的死亡车祸。直到有一天,在那条路上发生严重车祸的驾驶者,在急救后捡回一条小命,大家才知道车祸

03-07
如何用索磷布韦联合达拉他韦方案治疗丙型肝炎 姬威

如何用索磷布韦联合达拉他韦方案治疗丙型肝炎 姬威

继2017年4月盐酸达拉他韦片和阿舒瑞韦软胶囊获批上市之后,同年9月国家食品药品监督管理总局又批准另一种治疗丙型肝炎的药物索磷布韦上市。为了使大家了解索磷布韦,我准备写出系列博客,对索磷布韦进行详细

03-07
本命年如何化解太岁 犯太岁是什么意思

本命年如何化解太岁 犯太岁是什么意思

犯太岁是什么意思什么是太岁太岁又称太岁星君,太岁就是天上的木星,古人观测到木星十二年绕太阳运行一周,所以木星每年都出现在不同的方位,对地球会产生重大磁场影响,古人称木星为岁星或太岁;太岁又称太岁星君

03-07
如何查看自己的五行 如何知道五行

如何查看自己的五行 如何知道五行

首先,你要知道你的出生日期和确切的时辰。然后找一本万年历,根据万年历查出你的出生年、月、日的干支。天干五行对应:甲木、乙木、丙火、丁火、戊土、己土、庚金、辛金、壬水、癸水地支五行对应:子水、丑土、

03-07
如何利用下跌阶段成交量表现主动出击 网贷联盟

如何利用下跌阶段成交量表现主动出击 网贷联盟

网贷联盟:如何利用下跌阶段成交量表现主动出击,捷荣技术中签号,澳柯玛股票,一文秒懂黄弢:5G的发展趋向是比拟确定的,也是下一轮财经周期中增量比拟大的一个产方位。预计从2019年下星期,5G就将真正进入

03-07
仪器校准机构所出具校准证书或报告如何确认 电子天平校准证书

仪器校准机构所出具校准证书或报告如何确认 电子天平校准证书

电子天平怎么校准?仪器校准机构所出具校准证书或报告如何确认?电子天平校准方法有好几种:根据天平的品牌来分类,校准也不一样的,电子天平较机械天平而言,使用方便,便捷,准确,正确使用电子天平的关键是要在使

03-07
北京什么都有 如何在北京拥有爱情

北京什么都有 如何在北京拥有爱情

前几天看了个视频,开头的一句话“北京什么都有,就是没有爱情”单身久了,慢慢从孤单的一个人变成享受一个人的自由,可以什么都不用想,只做自己喜欢的事,去想去的地方,但有时也会想如果有一个人能一起吃饭旅行看

03-07
夫妻之间应该如何相处 如何缓解夫妻矛盾

夫妻之间应该如何相处 如何缓解夫妻矛盾

,1、 理解对方理解是人与人之间交往的基本准则,也是夫妻之间相处的首要秘诀。在婚后的生活中,丈夫应该理解妻子,妻子也应该理解丈夫。如果是丈夫在外工作,妻子在家当全职太太,那么更药品多点交流。妻子别总怪

03-07
李霄鹏曝陪睡门后现状如何+正牌老婆是谁 康杰死了吗

李霄鹏曝陪睡门后现状如何+正牌老婆是谁 康杰死了吗

国足在我们的心中已经是彻底成为了炮灰,今年的世界杯是真的很难进行什么脸面一样的说法,其中就包含了中国的男足和女足的对比,相比较而言更多的人其实喜欢的就是中国的女足,中国的男足被人们称为是白斩鸡,这

03-07