php事件编程,PHP相应button中onclick事件的案例分析
PHP相應button中onclick事件的案例分析
發布時間：2020-11-10 11:28:31
來源：億速云
閱讀：71
作者：小新
小編給大家分享一下PHP相應button中onclick事件的案例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
PHP是服務器端代碼 ，html是客戶端代碼，實現button的onclick事件，就是客戶端調用服務器端函數，因此就得向服務器提交請求。
有一種簡單粗暴的方式，就是button是a標簽時，可以直接在href里面寫上要執行的php頁面(或者通過給button綁定window.location通過JS跳轉到到PHP)。這種做法就得為每一個button設計一個PHP代碼。
而我的做法是：事件+ajax 給button綁定點擊事件，然后執行ajax。
1、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
方式二：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;}
var xmlHttp;
function createXMLHttpRequest(){
//檢查瀏覽器是否支持 XMLHttpRequest 對象
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function fun(n){
createXMLHttpRequest();
var url="server.php";
xmlHttp.open("POST",url,true);
xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = callback;
xmlHttp.send("action=" + n.value);
}
function callback(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
alert(xmlHttp.responseText);
}
}
}
按鈕1
按鈕2
方式一參考資料：
jQuery ajax - post() 方法:
http://www.w3school.com.cn/jquery/ajax_post.asp
方式二參考資料：
創建 XMLHttpRequest 對象:
http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_create.asp
向服務器發送請求:
http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_send.asp
服務器響應:
http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_response.asp
onreadystatechange 事件:
http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_onreadystatechange.asp
以上是PHP相應button中onclick事件的案例分析的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
總結
以上是生活随笔為你收集整理的php事件编程,PHP相应button中onclick事件的案例分析的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 盲人怎么玩电脑(盲人怎么玩手机啊)
- 下一篇： php array分组,php数组分组简