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事件的案例分析相关推荐
- android onclick方法吗,Android中button的onClick事件几种方法
Android中button的onClick事件几种方法 发布时间:2020-09-03 02:36:31 来源:脚本之家 阅读:100 作者:水桶前辈 Android中button的onClick事 ...
- onclick 调用php,php中如何响应button的onclick事件
PHP是服务器端代码 ,html是客户端代码,实现button的onclick事件,就是客户端调用服务器端函数,因此就得向服务器提交请求. 有一种简单粗暴的方式,就是button是a标签时,可以直接在 ...
- js按钮触发网页提醒_js触发asp.net的Button的Onclick事件应用
在asp.net引入事件驱动之后,在一个页面上很容易解决多个按钮触发不同事件的问题,避免了在asp中需要多个form或者通过js脚本来控制的麻烦. asp.net带来便利的同时,也带来一个问题.在实际 ...
- js触发asp.net的Button的Onclick事件
在asp.net引入事件驱动之后,在一个页面上很容易解决多个按钮触发不同事件的问题,避免了在asp中需要多个form或者通过js脚本来控制 的麻烦. asp.net带来便利的同时,也带来一个问题.在实 ...
- html里面onclick属性是什么,html中onclick事件属性定义与用法
在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等.这事件一般都需要通过HTML onclick事件的调用,这篇文章重点介绍一下 onclick事件的定义与用法 onclick事 ...
- html5onclick跳转,html中onclick事件属性定义与用法
在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等.这事件一般都需要通过HTML onclick事件的调用,这篇文章重点介绍一下 onclick事件的定义与用法 onclick事 ...
- php input onclick,html中onclick事件属性定义与用法
在前端网页设计时,离不开一些动态事件的交互,比如提交数据,登录,注册等等.这事件一般都需要通过HTML onclick事件的调用,这篇文章重点介绍一下 onclick事件的定义与用法 onclick事 ...
- php button onclick,php实现button的onclick事件的方法
php实现button的onclick事件的方法 发布时间:2020-06-25 14:16:47 来源:亿速云 阅读:141 作者:Leah 本篇文章为大家展示了php实现button的onclic ...
- aspx.net响应点击事件(页面button的onclick事件)
aspx.net响应点击事件(页面button的onclick事件) aspx.net制作网页还是比较简单的,直接动态网页并且连接数据库都是so easy首先在页面代码片: <form id=& ...
最新文章
- jsonStore加载远程和本地数据实例
- LeetCode: Unique Binary Search Trees [095]
- 2021年春节联欢晚会第三次联排亮点多
- LambdaMART的思想
- 自相关函数,功率谱,时间序列信号模型三者的关系
- Android TextView 高亮字体并添加点击事件
- boost :: dynamic_bitset时序测试
- editActionsForRowAtIndexPath(iOS8) tableview编辑(删除、插入、移动)
- 前端学习(1952)vue之电商管理系统电商系统之级联选择器
- php养老院管理系统,XYCMS养老院建站系统 v3.8
- 【转载】架构师需要了解的Paxos原理、历程及实战
- awk工具的简单使用
- H.264视频编码在VC .Net中的实现(H264全文)
- 4-2-在Servlet中解决中文输出乱码问题
- PCA降维-原理(一)
- 如何在 Mac 上右键单击?
- matlab做gui界面抛体运动,用MATLAB进行抛体运动中的探讨模拟
- 如何进行邮件营销,邮件营销群发是否有效?
- Linux中的PS1变量
- modules node 太大了_解决node_modules文件名太长无法删除的两个方法-文件名太长
热门文章
- BIO、NIO 和 AIO
- CF1342E. Placing Rooks
- 牛客题霸 [找到字符串的最长无重复字符子串] C++题解/答案
- [树套树] 网络管理
- YbtOJ-选点构形【欧拉函数】
- P6846-[CEOI2019]Amusement Park【状压dp,FWT】
- jzoj5365-[GDOI2018模拟9.14]通信【线段树合并】
- P2052-[NOI2011]道路修建【树】
- 【暴力】心中报情(jzoj 2317)
- BZOJ3527: [Zjoi2014]力 [FFT]