ajax向php传参数对数据库操作
刚入门php,要求要对多用户进行批量删除(当然实际中是不可能的),在这就以此为例。
大意就是通过对数据库中用户查询,将用户信息显示在页面表格中,在进行多项选择后将所选行参数通过ajax传入后台php文件,
进行对用户的删除操作!
首先访问页面时,得到数据库中用户进行显示
对数据库中查询结果循环输出到表格。jquery实现全选、反选、取消操作。ajax获取选定数据传入后台。
$sqlstr="select * from stuinfo";
$result=mysqli_query($conn,$sqlstr);
if(mysqli_num_rows($result)>0){
?>
<table border="2px" cellpadding="5px" cellspacing="0">
<thead>
<td>头像</td><td>学号</td><td>姓名</td><td>职务</td><td>操作</td>
<td>
批量<br />
<label id="chooseAll">全选 |</label>
<label id="reverseAll">反选 |</label>
<label id="cancleAll">取消</label>
</td>
</thead>
<tbody>
<?php
while($row=mysqli_fetch_assoc($result)){
echo "
<tr>
<td><img id='icon' src=".$row['icon']."></td>
<td>".$row['userid']."</td>
<td>".$row['username']."</td>
<td>".$row['job']."</td>
<td><a href='del.php?id=".$row['id']."target='_black'>删除</a></td>
<td><input type='checkbox' name='del' value=".$row['id']." /></td>
</tr>";
}?>
</tbody>
</table>
<input id="php_sub" type="button" value="删除勾选" >
PHP显示用户列表
<script>
$('#chooseAll').click(function () {
$('tbody :checkbox').prop('checked',true);
});
$('#cancleAll').click(function () {
$('tbody :checkbox').prop('checked',false);
});
$('#reverseAll').click(function () {
$('tbody :checkbox').each(function(){
if($(this).prop('checked')){
$(this).prop('checked',false);
}else{
$(this).prop('checked',true);
}
});
});
js全、反选,取消操作
$('#php_sub').click(function(){
var ids=new Array();
var i=0;
$('tbody :checkbox').each(function(){
if($(this).prop('checked')){
ids[i++]=$(this).val();
}
});
if(confirm("确定删除选中?")){
$.ajax({
type:"POST",
async:false,
url:'del.php',
data:{ids:ids},
success:function(){
$('tbody :checkbox').each(function(){
if($(this).prop('checked')){
$(this).parent().parent().remove();
}
});
}
});
}
});
ajax传参数
$ids=$_POST['ids'];
foreach ($ids as $key => $value) {
$sqlstr="delete from stuinfo where id='".$value."'";
mysqli_query($conn,$sqlstr);
}
php获取参数操作数据库
ajax向php传参数对数据库操作的更多相关文章
- jquery ajax/post/get 传参数给 mvc的action
jquery ajax/post/get 传参数给 mvc的action1.ActionResult Test1 2.View Test1.aspx3.ajax page4.MetaObjec ...
- [转载]jquery ajax/post/get 传参数给 mvc的action
jquery ajax/post/get 传参数给 mvc的action 1.ActionResult Test1 2.View Test1.aspx 3.ajax page 4.MetaO ...
- js数组作为参数用ajax向后台传参数
/*前台往后台传参数时,可以这样写*/ var chessId = "123"; var i=0; var data = []; /*添加单个参数*/ data.push({nam ...
- Ajax往后台传参数,无参数,一个参数,多个参数,一个对象等
原文:http://www.cnblogs.com/chenwolong/p/Get.html //无参数请求-简单示例 $(document).ready(function () { $.ajax( ...
- ASP.NET实现二维码 ASP.Net上传文件 SQL基础语法 C# 动态创建数据库三(MySQL) Net Core 实现谷歌翻译ApI 免费版 C#发布和调试WebService ajax调用WebService实现数据库操作 C# 实体类转json数据过滤掉字段为null的字段
ASP.NET实现二维码 using System;using System.Collections.Generic;using System.Drawing;using System.Linq;us ...
- ADO.NET和ORACLE操作数据库传参数赋值的方式
在使用.Net使用OracleParameter进行Oracle数据库操作的时候,因为Oracle和SQLServer针对查询参数化的语法不同, 在操作SQLServer的时候使用的是@Paramet ...
- ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面,各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目
ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml) 我们都知道在使用WebApi的时候Controller会自动将Action的返回值自动进行各种序列化处理(序列化为 ...
- asp.net利用Ajax和Jquery在前台向后台传参数并返回值
1----------前台 首先需要 Jquer的包 <script src="js/jquery-1.9.1.js" type="text/javascript& ...
- ajax调用WebService实现数据库操作
首先说下测试环境和思路: 前端收集数据转换成json格式传输到后端,处理并存入数据库 1.数据库操作: [WebMethod] public string InsertPoint(string dat ...
随机推荐
- LightOJ 1137 - Expanding Rods 基础计算几何
http://www.lightoj.com/volume_showproblem.php?problem=1137 题意:一根长度为L的杆热膨胀为L',左端点到右端点间距离不变,且膨胀后的杆的弧为圆 ...
- Elasticsearch 5.6.5 安装教程
下载地址 https://www.elastic.co/downloads/past-releases/elasticsearch-5-6-5 安装环境 centos6.5 , jdk1.8 ...
- String.replaceAll()方法替换字符串中的反斜杠(\)
replaceAll()方法实际是采用正则表达式的规则去匹配的. 在regex中"\\"表示一个"\",在java中一个"\"也要用&quo ...
- unity ugui消息透传
公司要做一个这东西. A是滑动区域,ScrollRect组件. B是各种选项. C是拾取到鼠标(或触点)的选项. D是拖放区域. 大概要求是这样. 因为B的条目很多,放在A里可以滑动查看.如果要选择一 ...
- js常用模板引擎
baiduTemplate(百度).artTemplate(腾讯).juicer(淘宝).xtemplate.doT.Jade 1.Handlebars 是 JavaScript 一个语义模板库,通过 ...
- Cordova入门
创建你的第一个App 因为对接要对接酷音,实现h5跨平台调用客户端的保存和分享功能,所以学了下cordova的入门. 安装Cordova CLI Cordova命令行工具作为npm包分发. 安装cor ...
- js刷新页面方法 -- (转)
1,reload 方法,该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里 ...
- python3中处理url异常
import urllib.request import urllib.error url = 'http://c.telunyun.com/Chart/getJsonData?market=1' d ...
- exit() _exit() 函数区别
exit(): --stdlib.h (1) 所有使用atexit()注册的函数,将会被以注册相反的顺序调用: (2) 所有打开的输出流被刷新,并且关闭流: (3) 使用tmpfile()创建的文件将 ...
- 64_d2
dtc-1.4.4-2.fc26.x86_64.rpm 20-Jun-2017 11:04 89890 dtdinst-20131210-7.fc26.noarch.rpm 11-Feb-2017 0 ...