当前端点击button按钮时可以向PHP后端传值，并获得返回的结果

1.新建test_click.php，在test_click.php中需要引入jquery.min.js，Button按钮中的onclick绑定的事件为clickCallBack()函数，clickCallBack()函数通过POST方式向指定的php传递值，callback(data)函数负责接收返回的参数信息（“收藏成功”或“请您先登录”）。

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script type="text/javascript" src="js/jquery.min.js"></script><script>function clickCallBack() {console.log('button has clicked');var url = "./collect_add.php";  var data = {  text: "链表" };  jQuery.post(url, data, callback);  }  function callback(data) {  alert(data );  } </script></head>
<body><button type="button" id="buttonid" onclick="clickCallBack()">绑定点击事件</button>
</body>
</html>

2.新建collect_add.php，用来接收传递的参数信息，并做出回应（也可以不回应），包含数据库操作的相关内容，不需要的自动忽略。

<?phpsession_start();$conn = @mysqli_connect("localhost","root","root") ;//输入相应的数据库地址、用户名和密码if(!$conn){echo"数据库连接出错！";}$selected = mysqli_select_db($conn, "datastructure");mysqli_set_charset($conn,"utf8");$tp=$_SESSION["username"];  //用户名$context=$_POST["text"];//从前端js返回的内容if($tp==""){echo "请您先登录";}else{$sql3 = "SELECT  * FROM userdo WHERE username = '$tp' and  content    ='$context'";//SQL查询$query3 = mysqli_query($conn,$sql3);//执行SQL语句$row3=mysqli_fetch_array($query3,MYSQLI_ASSOC);if($row3==null){$sql4 = "INSERT INTO userdo(username,content,collected) VALUES('$tp','$context','1')";//SQL查询mysqli_query($conn,$sql4);//执行SQL语句}else{$sql4="update userdo set collected = 1 where username='$tp' and  content ='$context' ";mysqli_query($conn,$sql4);//执行SQL语句，写入用户数据}echo "收藏成功";}
?>

当前端点击button按钮时可以向PHP后端传值，并获得返回的结果相关推荐

EditText控件的基本使用（点击Button按钮，Toast提示EditText中的内容）
EditText是程序用于和用户进行交互的另一个重要控件,它允许用户在空间里输入和编辑内容,并可以在程序中对这些内容进行处理.EditText的应用场景非常普遍,在进行发短信.发微博.聊QQ等操作时, ...
PHP——0128练习相关2——js点击button按钮跳转到另一个新页面
js点击button按钮跳转到另一个新页面投稿:whsnow 字体:[增加减小] 类型:转载时间:2014-10-10 我要评论点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎 ...
JS实现点击button按钮切换图片
JS实现点击button按钮切换图片放暑假在家打算学习html/css/js制作网页,只有html/css的一些基础.实现效果如图: 这个网页很简单,是用Dreamweaver写的,但是是通过自己做 ...
vue中，点击button按钮后，页面上的input框再次自动获取焦点
需求:点击button按钮,录入成功后,页面上的input框自动聚焦,快速进行下一次录入,提高效率开始尝试了几种方法都没有成功一.首先想到的用vue指令 v-focus,然而没有成功 <In ...
Android Studio ：1、连接手机调试（超级详细；附带连接测试录像）；2、点击Button按钮，显示Toast中的内容
手机端视频演示:[视频地址:https://live.csdn.net/v/18079] SVID_20200218_211351_1.mp4 操作环境: 电脑(Windows 10 教育版): ...
微信小程序实现点击分享按钮时动态改变分享图片和标题
最近在做小程序时遇到一个需求,是一个商城小程序,在每个商品上都有一个分享按钮,点击这个分享按钮就可以分享这个商品,要求分享的内容是该商品的图片和标题. 这个需求把我难住了,大家都知道在触发分享时需要提 ...
点击button按钮打开file选择图片并使用ajax图片上传并预览
最近有个需求让人很无奈,每条记录都需要让用户上传图片.由于使用插件无法准确的定位到那条记录,只好使用ajax上传图片准确获取id 先将file文件隐藏掉,通过点击button打开file选择图片,一些 ...
el-table中使用el-popover点击取消按钮时popover框的显示与隐藏问题
直接使用popover弹出框的时候,是没有任何问题的,但是在el-table中使用popover弹出框就会出现,点击取消按钮,popover框不会隐藏,即使使用v-model绑定值,也是不管用的解决 ...
js实现绑定多个按钮并当点击某个按钮时改按钮颜色改变
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

当前端点击button按钮时可以向PHP后端传值，并获得返回的结果

当前端点击button按钮时可以向PHP后端传值，并获得返回的结果相关推荐

最新文章

热门文章