点击button按钮向PHP后端传值,并获得返回结果

2024-08-28实例代码
80

1.首先新建test.html,在test.html中需要引入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.新建add.php,用来接收传递的参数信息,并做出回应(也可以不回应),包含数据库操作的相关内容,不需要的自动忽略。
<?php
    session_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 "收藏成功";
    } 
?>
 
The End

相关推荐

php数据处理:数组根据某字段进行分组
php数据处理:数组根据某字段进行分组,实例代码如下: /** * @description:根据数据 * @param {dataArr:需要分组的数据;keyStr:分组依据} * @return: */ protected function dataGroup(array $dataArr,string $keyStr) :array { $newArr=[]; foreach ($data...
2025-06-12 实例代码
188

layui实现带清除按钮的输入框
layui实现带清除按钮的输入框,首先html文件如下: !DOCTYPE htmlhtmlhead meta charset="utf-8" meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" title测试 - layui/title link rel="stylesheet" href="layui/css/lay...
2024-12-31 实例代码
200

input file上传图片设置的实例代码
input file上传图片设置的实例代码 div纯input与type/div input type="file" div指明需要图片/div input type="file" accept='image/*' div指明需要多张图片/div input type="file" multiple accept='image/*' div指明调用摄像头获取图片/div input type="fil...
2024-12-30 实例代码
133

php将base64编码转换为图片保存至指定位置
$base64为图片的编码字符串 preg_match('/^(data:\s*image\/(\w+);base64,)/', $base64, $result);$type = $result[2]; //获取图片的类型jpg png等$name = ”xxxx".".$type; //图片重命名$savepath = ‘C:/'.$name; //图片保存目录file_put_contents($savepat...
2024-12-28 实例代码
152

layui下拉多选框xm-select.js插件的使用
创建容器 xm-select-demo,选择容器 隐藏赋值取值表单; div id="selected_box" class="layui-input-inline xm-select-demo" style="width:150px;"input type="hidden" id="poi_category_id"/div 异步获取代码 //获取分类; $.ajax({ type: 'get', url: "./ap...
2024-12-23 实例代码
99

layui实现根据table数据判断按钮显示情况的方法
可以根据table的数据实现判断toolbar按钮的显示状态和情况 script type="text/html" id="barDemo" {{# if(d.status ==0){ }} a class="layui-btn layui-btn-mini" lay-event="examine"查看/a a class="layui-btn layui-btn-mini" lay-event="edit"编辑/a a cl...
2024-12-13 实例代码
121