jq php mysql增删改查_Bootstrap+jq+jqajax+php+数据库增删改查源码

前台

学生信息

学生信息

搜索

当前页面显示

--请选择--

2

4

6

8

10

条数据

学生姓名密码性别爱好操作

添加

批量删除

×

学生信息添加

学生姓名:

密码:

性别:

男 女

爱好:

玩游戏 跑步 打篮球

关闭

添加

×

学生信息编辑

学生姓名:

密码:

性别:

男 女

爱好:

玩游戏 跑步 打篮球

关闭

保存

js

//渲染页面

$.ajax({

url:"index.php",

data:{

action:"get"

},

dataType:"json",

success:function(data){

var html=""

$(data).each(function (i,v) {

html+="

"

html+="

"

html+="

"+data[i].username+""

html+="

"+data[i].pwd+""

html+="

"+data[i].sex+""

html+="

"+data[i].love+""

html+="

" + "删除" + "修改" + ""

html+="

"

})

$("#tab").append(html)

}

}) //增

$("#add").click(function () {

// console.log($(".like").length)

// console.log($(".sex:checked").val());

//获取复选框的值

var arr=[] for (var i=0;i

arr.push($(".like")[i].value)

}

} // console.log($("#username").val(),$("#pwd").val(),$(".sex").val(),arr.join(","))

$.ajax({

url:"index.php",

data:{

action:"add",

username:$("#username").val(),

pwd:$("#pwd").val(),

sex:$(".sex:checked").val(),

like:arr.join(",")

},

dataType:"json",

success:function (data) {

$("#myModal").modal("hide")

window.location.reload()

}

})

}) // 删

//单删

$(document).on("click","#del",function () {

// console.log($(this).attr("title"))

$.ajax({

url:"index.php",

data:{

action:"del",

id:$(this).attr("title")

},

dataType:"json",

success:function (data) {

// console.log(data)

window.location.reload()

$(this).parents().remove()

}

})

}) //批量删除

$("#delAll").click(function () {

//获取复选框的值

//声明数组用来存储复选框的选中值

var arr=[] for(var i=0;i

arr.push($(".che")[i].title)

}

}

$.ajax({

url:"index.php",

data:{

action:"del",

id:arr.join(",")

},

dataType:"json",

cache:false,

success:function (data) {

// console.log(data)

window.location.reload()

$(this).parent().remove()

}

})

}) // 改

//先查找

$(document).on('click','#upd',function () {

$.ajax({

url:"index.php",

data:{

action:"upd",

id:$(this).attr("title")

},

dataType:"json",

success:function (data) {

console.log(data)

$("#ids").val(data[0].id);

$("#user").val(data[0].username);

$("#pwds").val(data[0].pwd) // console.log(data[0].sex)

if(data[0].sex=="男"){

$(".sexs").eq(0).attr("checked",true)

}else {

$(".sexs").eq(1).attr("checked",true)

} // console.log(.join(","))

var str=data[0].love var arr=str.split(",") for (var i=0;i

if(arr[i]=="玩游戏"){

$(".likes").eq(0).attr("checked",true)

}else if(arr[i]=="跑步"){

$(".likes").eq(1).attr("checked",true)

}else if(arr[i]=="打篮球"){

$(".likes").eq(2).attr("checked",true)

}

}

}

})

}) //在修改

$("#update").click(function () {

// alert(1)

var arr=[] for (var i=0;i

arr.push($(".likes")[i].value)

}

} // console.log($("#username").val(),$("#pwd").val(),$(".sex").val(),arr.join(","))

$.ajax({

url:"index.php",

data:{

action:"update",

id:$("#ids").val(),

username:$("#user").val(),

pwd:$("#pwds").val(),

sex:$(".sexs:checked").val(),

like:arr.join(",")

},

dataType:"json",

success:function (data) {

$("#upmyModal").modal("hide")

window.location.reload() // console.log(data)

}

})

}) // 查

$("#sel").click(function () {

// alert($("#search").val())

$.ajax({

url:"index.php",

data:{

action:"query",

username:$("#search").val()

},

dataType:"json",

success:function (data) {

$(data).each(function (i,v) {

var html=""

$(data).each(function (i,v) {

html+="

"

html+="

"

html+="

"+data[i].username+""

html+="

"+data[i].pwd+""

html+="

"+data[i].sex+""

html+="

"+data[i].love+""

html+="

" + "删除" + "修改" + ""

html+="

"

})

$("#tab").html(html)

})

}

})

}) //按条件查询

$("#select1").change(function () {

// console.log($(this).val())

$.ajax({

url:"index.php",

data:{

action:"limits",

username:$(this).val()

},

dataType:"json",

success:function (data) {

console.log(data)

$(data).each(function (i,v) {

var html=""

$(data).each(function (i,v) {

html+="

"

html+="

"

html+="

"+data[i].username+""

html+="

"+data[i].pwd+""

html+="

"+data[i].sex+""

html+="

"+data[i].love+""

html+="

" + "删除" + "修改" + ""

html+="

"

})

$("#tab").html(html)

})

}

})

})

PHP<?php

/**

* Created by yangweishuo.

* User: ASUS

* Date: 2018/1/10

* Time: 16:11

*/

require("lib/DB.php"); $sqls=new Mysqldb();

//渲染页面 if($_REQUEST['action']=='get'){ $sql="select * from student"; $con=$sqls->query($sql); echo $con;

}

//添加 else if($_REQUEST['action']=='add'){ $username=$_REQUEST['username']; $pwd=$_REQUEST['pwd']; $sex=$_REQUEST['sex']; $love=$_REQUEST['like']; $sql="insert into student (username,pwd,sex,love)VALUES ('$username','$pwd','$sex','$love')"; $con=$sqls->update($sql); echo $con;

}

//删除 else if($_REQUEST['action']=='del'){ $id=$_REQUEST['id']; $sql="delete from student where id=$id"; $con=$sqls->update($sql); echo $con;

}

//批量删除 else if($_REQUEST['action']=='del'){ $id=$_REQUEST['id']; $sql="delete from student where id in('$id')"; $con=$sqls->update($sql); echo $con;

}

//修改

//先cha查找 else if($_REQUEST['action']=='upd'){ $id=$_REQUEST['id']; $sql="select * from student where id='$id'"; $con=$sqls->query($sql); echo $con;

} else if($_REQUEST['action']=='update'){ $id=$_REQUEST['id']; $username=$_REQUEST['username']; $pwd=$_REQUEST['pwd']; $sex=$_REQUEST['sex']; $love=$_REQUEST['like']; $sql="update student set username='$username',pwd='$pwd',sex='$sex',love='$love' WHERE id=$id"; $con=$sqls->update($sql); echo $con;

}

//查找 if($_REQUEST['action']=='query'){ $username=$_REQUEST['username']; $sql="select * from student WHERE username LIKE '%$username%'"; $con=$sqls->query($sql); echo $con;

}

//按条件查找 if($_REQUEST['action']=='limits'){ $username=$_REQUEST['username']; $sql="select * from student limit $username"; $con=$sqls->query($sql); echo $con;

}

?>

DB.php<?php

header("Content-Type:Text/html;charset=UTF-8"); class Mysqldb{

//创建属性

private $conn; public function __construct($host='localhost',$user='root',$pwd='root',$database='test'){

$this->conn=mysqli_connect($host,$user,$pwd,$database); if($this->conn){ $this->conn->set_charset('utf8');

}

} public function query($sql){

$result=mysqli_query($this->conn,$sql); $arr=array(); while($row=mysqli_fetch_array($result)){

array_push($arr,$row);

}

mysqli_free_result($result); return json_encode($arr);

} public function update($sql){

$result=mysqli_query($this->conn,$sql); $arr=array(); if($result){ $arr['flag']=true; $arr['msg']='操作成功';

}else{ $arr['flag']=false; $arr['msg']='操作失败';

} return json_encode($arr);

} public function __destruct(){

mysqli_close($this->conn); $this->conn=null;

}

}?>

js文档结构图

本文讲解了Bootstrap+jq+jqajax+php+数据库增删改查源码 ，更多相关内容请关注php中文网。

相关推荐：