php實(shí)現(xiàn)button的onclick事件的方法

本篇文章為大家展示了php實(shí)現(xiàn)button的onclick事件的方法，代碼簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

我們提供的服務(wù)有：成都做網(wǎng)站、網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、杏花嶺ssl等。為超過千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的杏花嶺網(wǎng)站制作公司

PHP是服務(wù)器端代碼，html是客戶端代碼，實(shí)現(xiàn)button的onclick事件，就是客戶端調(diào)用服務(wù)器端函數(shù)，因此就得向服務(wù)器提交請求。

有一種簡單粗暴的方式，就是button是a標(biāo)簽時(shí)，可以直接在href里面寫上要執(zhí)行的php頁面（或者通過給button綁定window.location通過JS跳轉(zhuǎn)到PHP）。這種做法就得為每一個(gè)button設(shè)計(jì)一個(gè)PHP代碼。

而我的做法是：事件+ajax 給button綁定點(diǎn)擊事件，然后執(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實(shí)現(xiàn)button的onclick事件的方法，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁題目：php實(shí)現(xiàn)button的onclick事件的方法
網(wǎng)站路徑：http://www.rwnh.cn/article30/jdghso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、面包屑導(dǎo)航、全網(wǎng)營銷推廣、網(wǎng)站導(dǎo)航、網(wǎng)站內(nèi)鏈、Google

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

php實(shí)現(xiàn)button的onclick事件的方法