您好,登錄后才能下訂單哦!
本篇文章為大家展示了php實現(xiàn)button的onclick事件的方法,代碼簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
PHP是服務(wù)器端代碼 ,html是客戶端代碼,實現(xiàn)button的onclick事件,就是客戶端調(diào)用服務(wù)器端函數(shù),因此就得向服務(wù)器提交請求。
有一種簡單粗暴的方式,就是button是a標簽時,可以直接在href里面寫上要執(zhí)行的php頁面(或者通過給button綁定window.location通過JS跳轉(zhuǎn)到PHP)。這種做法就得為每一個button設(shè)計一個PHP代碼。
而我的做法是:事件+ajax 給button綁定點擊事件,然后執(zhí)行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>
上述內(nèi)容就是php實現(xiàn)button的onclick事件的方法,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。