ajax的增删改功能

<html>
<head>
<meta charset="utf-8">
<title></title>
<script type=" text/javascript" src = "js/jquery-3.2.1.min.js"></script>
</head>

<script type = "text/javascript">
$(document).ready(function(){
  //添加
$(".butn").click(function(){
      var name = $("#name").val();
      var password = $("#password").val();
//alert(name);
$.ajax({
     url:"set.php?a=add",
     type:"POST",
     data:{name:name,password:password},
     dataType:"json",
     error:function(){
         alert("错误");
         },
         success :function(data,status){
              if(data==false){//值等于false的话说明用户已经存在
                 alert("用户已存在");
              }else{
                if (data==true) {
                 alert('添加成功');
                document.location.reload();//刷新页面

                } else{
                  alert('添加失败');
                } 
      }
      }  
});
}) 


//删除/*  在这个表格中的哪一行或者那一列你点击的哪一个值  判断这个值是否为删除  是删除的话获取他所点击的id号是什么  在给一个弹跳框提示是否要删除改用户   */
$("table").on("click","tr td",function(){//在这行列中所点击的词是什么
  if($(this).text()=="删除"){//判断这个所点击的是否为删除这个词
    var id=$(this).parent().children()[0].innerText;//就是找到所点击的这个词的id号是什么
    if(confirm("您确定要删除"+id+"的用户吗?")){//提示是否要删除这个id号
      $.ajax({
     url:"set.php?a=delect",
     type:"POST",
     data:{id:id},
     dataType:"json",
     error:function(){
         alert("失败");
         },
         success :function(data,status){
              if(data==true){
                 alert("删除成功");
                 document.location.reload();//刷新页面
              }else{
              alert("删除失败"); 
      }
      }
    });
  }
}
//修改   /*  判断你所点击的值是否为修改    获取所点击修改的内容  获取当前所操作的内容给他赋一个值   然后把text的修改改为确认修改 直接在输入框输入你要修改的内容   在判断你所点击的是否为确认修改  在获取他所点击的id号 获取这个id的内容  提示是否要修改这个内容 */
if($(this).text()=='修改'){//判断是否点击修改这个字
  var name = $(this).parent().children()[1].innerText;//获取你所点击修改的内容
  var password= $(this).parent().children()[2].innerText;
  $(this).parent().children()[1].innerHTML="<input type ='text' id = 'up_name' value="+name+">";//获取当前操作的给他赋一个值
  $(this).parent().children()[2].innerHTML="<input type ='text' id = 'up_password' value="+password+">";
  $(this).text('确认修改');//将点击text的修改为确认修改
  return;
}
if ($(this).text()=="确认修改"){//判断是否点击确认修改这个字
  var id = $(this).parent().children()[0].innerText;//获取点击的id
  var up_name =$('#up_name').val();//获取这个id中的内容
  var up_password =$('#up_password').val();
  if(confirm("您确定要修改"+id+"该用户吗?")){//提示是否要删除这个id号
      $.ajax({
     url:"set.php?a=update",
     type:"POST",
     data:{id:id,up_name:up_name,up_password:up_password},
     dataType:"json",
     error:function(){
         alert("错误");
         },
      success :function(data,status){
              if(data==true){
                 alert("修改成功");
                 document.location.reload();//刷新页面
              }else{
              alert("修改失败"); 
      }
      }
    });
  }
}
})
})

</script>

<body>
    用户名:<input type = 'text'  id ='name' name ='name'>
    密    码 :<input type = 'password'  id ='password' name ='password'>
    <button type = 'button' class= 'butn' id='butn'>添加</button><br>
    <span class='con'></span>
<?php
mysql_connect("localhost","root","");
mysql_select_db("info");
mysql_set_charset('utf8');
$mysql = mysql_query("select * from stu") or die("执行失败".mysql_error());
echo "<table border = 1  style='width:50%; float: left;margin-top:20px; text-align:center'><tr><th >编号</th><th >用户名</th><th >密码</th><th colspan ='2'>操作</th></tr>";
while ($row = mysql_fetch_array($mysql ,MYSQL_BOTH)) {
               echo"<tr><td>$row[0]</td>";
               echo"<td>$row[1]</td>";
               echo"<td>$row[2]</td>";
               echo"<td>修改</td>
               <td >删除</td></tr>";
            }
               echo"</table><br>";
?>


</body>
</html>





<?php
class set{
//新增/*  查询用户名是否存在 判断所查询的行数是否大于0 如果是的话复个值flase 否则的话执行一个插入语句*/
function add ($name,$password){//新增
 mysql_connect("localhost","root","");
 mysql_select_db("info");
 mysql_set_charset('utf8');
  $sql = mysql_query("SELECT * FROM stu WHERE `name`='".$name."'");
  $set =mysql_num_rows($sql);
 if ($set>0) {//如果返回的行数大于0的话用户已经存在
    $array = flase;
   }else{
    $sql =mysql_query("INSERT INTO stu (name,password) VALUES('".$name."','".$password."')")or die("插入语句错误");//执行一个插入语句
    if ($sql) {
     $array = true;
    }else{
     $array = flase;
    }
   }
         echo json_encode($array);

   } 
   //删除/*  执行一个删除语句*/
function datect($id){
  mysql_connect("localhost","root","");
  mysql_select_db("info");
  mysql_set_charset('utf8');
 $delect =mysql_query("delete from stu where id ='".$id."'")or die('删除语句失败');
 if ($delect) {
    $d =true;
 }else{
     $d =flase;
 }
   echo json_encode($d);

  }
function update($id,$up_name,$up_password){
 mysql_connect("localhost","root","");
 mysql_select_db("info");
 mysql_set_charset('utf8');
 $update =mysql_query("update stu set name ='".$up_name."',password='".$up_password."' where id = '".$id."'")or die ("修改语句失败");
 if ($update) {
  $up =true;
 }else{
  $up =flase;
 }
   echo json_encode($up);

  }
 }
 $info = new set();
 $sum = $_GET['a'];
 switch ($sum) {
  case 'add':
   echo $info->add($_POST['name'],$_POST['password']);
   break;
  
  case'delect':
   echo $info->datect($_POST['id']);
   break;
  case'update':
   echo $info->update($_POST['id'],$_POST['up_name'],$_POST['up_password']);
   break;
 }


?>




  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值