php中如何响应button的onclick事件

php  /  管理员 发布于 7年前   334

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 scripttype: "POST", //request typedata:{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事件的详细内容，更多请关注其它相关文章！


  • 上一条：
    Asf PHP开发之配置信息常驻系统内存
    下一条：
    XP IIS5.1 + PHP 5.2.1 + MySQL 5.0.37 + Zend 3.2.6 + phpMyAdmin-2.10.0.2环境配置

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客