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 ...
随机推荐
- ELK6.0环境搭建及配置
ELK环境搭建及配置 ElasticSearch在5.x后的安装和插件的官方执行更好了,head插件官方默认集成在kibana的dev tools里,支持rpm包方式安装,x-pack安装后支持权限及 ...
- 一个JAVA题引发的思考
转载自:http://www.cnblogs.com/heshan664754022/archive/2013/03/24/2979495.html 十年半山 今天在论坛闲逛的时候发现了一个很有趣的题 ...
- Codeforces Round #380 (Div. 2)/729B Spotlights 水题
Theater stage is a rectangular field of size n × m. The director gave you the stage's plan which act ...
- String.replaceAll()方法替换字符串中的反斜杠(\)
replaceAll()方法实际是采用正则表达式的规则去匹配的. 在regex中"\\"表示一个"\",在java中一个"\"也要用&quo ...
- MyBatis框架的使用及源码分析(七) MapperProxy,MapperProxyFactory
从上文<MyBatis框架中Mapper映射配置的使用及原理解析(六) MapperRegistry> 中我们知道DefaultSqlSession的getMapper方法,最后是通过Ma ...
- 【BZOJ1072】【SCOI2007】排列 [状压DP]
排列 Time Limit: 10 Sec Memory Limit: 128 MB[Submit][Status][Discuss] Description 给一个数字串s和正整数d, 统计s有多 ...
- Spring Cloud Eureka服务注册源码分析
Eureka是怎么work的 那eureka client如何将本地服务的注册信息发送到远端的注册服务器eureka server上.通过下面的源码分析,看出Eureka Client的定时任务调用E ...
- netcat、nc工具随记
netcat又称nc工具,其最主要的作用就是建立连接并返回两个数据流,剩下的就看各位的想象力了,想象力是很重要的,这也是这个工具的强大之处的所在,所以重要的东西才要说三遍,想象力! 具体参数如下: - ...
- 【Python学习】程序运行完发送邮件提醒
有时候我们运行一个需要跑很长时间的程序,不管是在云主机还是本地主机上运行,我们都不可能一直守在电脑面前等.所以想到使用邮件来通知提醒. 示例代码如下 # -*- coding: utf-8 -*- # ...
- Vue组件-动态组件
动态组件 通过使用保留的 <component> 元素,动态地绑定到它的 is 特性,可以让多个组件使用同一个挂载点,并动态切换: <div id="app6"& ...