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

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

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>

奇闻
相关阅读
重生成了大槐树 洪荒之先天钻石化形

重生成了大槐树 洪荒之先天钻石化形

第157章 妍儿的警告妍儿用不屑的眼神着了众人一眼,淡淡的说道:“首先自我介绍一下,名字就不告诉你们了,本宫算是这昆仑圣境的半个主人。很遗憾的告诉你们,这里是昆仑圣境,并不是你们想象中的仙界。尽管这

11-21
称骨算命出生年重量该怎么算 称骨算命对照表

称骨算命出生年重量该怎么算 称骨算命对照表

称骨算命是由唐朝算命大师所创,它是通过一个人的阴历出生日期来折算成骨重。日常生活中有的人骨重,有的人骨轻。那么称骨算命该如何计算呢?出生年月的骨量分别是多少呢?接下来一起随小编看看算命栏目是怎么

11-28
岛国的最美高中校花 天雷滚滚

岛国的最美高中校花 天雷滚滚

《岛国的最美高中校花 天雷滚滚》为您提供以人体艺术为主的人体艺术欣赏。希望您能喜欢由编辑小雅为您带来的岛国的最美高中校花 天雷滚滚。

11-30
图库大全:四川环卫女工丝袜上阵

图库大全:四川环卫女工丝袜上阵

《图库大全:四川环卫女工丝袜上阵》为您提供以人体艺术为主的人体艺术欣赏。希望您能喜欢由编辑天天为您带来的图库大全:四川环卫女工丝袜上阵。

11-30
礼物说2015top榜单·情侣秀恩爱专属礼物 情侣的礼品

礼物说2015top榜单·情侣秀恩爱专属礼物 情侣的礼品

情侣礼品,是礼品中的一个细类。是情侣们感情的载体和彼此之间沟通的重要桥梁。不仅能够证明情侣的亲密关系,同时也象征美好的爱情。又到了年底了,礼物说的2015年top榜单新鲜出炉,小礼君为大家总结了这一

12-01
春光乍泄的露臀照 马苏走过光

春光乍泄的露臀照 马苏走过光

在娱乐圈中,女明星走光事件时常发生;只是有些是未博版面故意走光,这也是娱乐圈常有的事。前不久,演员马苏在出席活动时,春光乍泄的露臀照被网友们疯传。不过,这已然不是马苏第一次走红了,网友们调侃到马漂亮

11-30
火影忍者木叶村性处理番萝莉的性饥渴的处理方法

火影忍者木叶村性处理番萝莉的性饥渴的处理方法

《火影忍者木叶村性处理番萝莉的性饥渴的处理方法》为您提供以漫画为主的漫画欣赏。希望您能喜欢由编辑自然为您带来的火影忍者木叶村性处理番萝莉的性饥渴的处理方法。

11-30
那些名胜古迹上的对联 名胜古迹对联

那些名胜古迹上的对联 名胜古迹对联

16濯锦楼汉水接苍茫看滚滚江涛流不尽云影天光万里朝宗东入海锦城通咫尺听纷纷丝管送来些鸟声花气四时引兴此登楼17望江楼压江流以扶地脉远瞩高瞻则见玉垒云开峨眉月朗夔门日射剑阁烟消郁郁葱葱助全蜀山川钟

11-22
简短精炼的一句话语录 高端大气上档次全句

简短精炼的一句话语录 高端大气上档次全句

一 * 人生,可以放弃不再现实的梦想,但不要放弃心中曾经激亢的憧憬。可以放弃不再辉煌的命运,但不要放弃心中曾经激扬的青春。二 * 只有你相信你会实现梦想,梦想才会陪伴在你左右。三 * 对待任何事情

12-04
林书豪成名战竞赛第1-26场- 林书豪成名战第一场

林书豪成名战竞赛第1-26场- 林书豪成名战第一场

评委打出产分是卡尔44分暖和火队尽先到前场篮板◆竞赛看点:2006-2007赛季,由拜伦·戴维斯比值领的金州胆怯鬼队依托跑轰战略,在揪容例赛最末时辰迸发,架设上了季后赛的末了班车,对阵揪容例赛全结盟

11-20