thinkphp ajax添加及删除
写在前面的话：应客户需求需要给后台增加自助添加电影名称和链接的功能，添加后在微信前台能自动读取显示。
开发步骤：
1、由于是给后台添加一个增加电影及电影链接的功能，所以控制器在Admin下。
在路径 Application\Lib\Action\Admin 下新建控制器 MvaddAction.class.php
控制器全部代码如下：
<?php
//继承PublicAction后访问本页面时必须先登录后台
class MvaddAction extends PublicAction {
public function index() {
$result = M("movie")->select();
//var_dump($result);exit;
$this->assign("name",$result);
$this->display ();
}
public function add() {
$data["mvname"] = $_POST["name"];
$data["mvlink"] = $_POST["mvlink"];
$result = M("movie")->add($data);
if($result){
$this->ajaxReturn($result,"新增成功！",1);
//echo "ok";
}
}
public function del(){
$id = $_POST[‘id‘];
$result = M("movie")->where(array("id"=>$id))->delete();
if($result){
$this->ajaxReturn($result,"删除成功！",1);
}
}
public function show(){
$id = $_GET[‘id‘];
$link = M("movie")->where(array("id"=>$id))->find();
$this->assign("link",$link[‘mvlink‘]);
$this->display();
}
}
2、添加模板
在 Application\Tpl\Admin\Mvadd 目录下添加静态页面模板 index.html
静态页面为已经全部开发完成的页面。
前端框架采用bootstrap
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.4/css/bootstrap.css" rel="stylesheet">
</head>
<script src="http://www1.qixoo.com/jquery-1.4.1.min.js"></script>
<body>
<form role="form" action="#">
<div class="form-group">
<label for="exampleInputEmail1">电影名称</label>
<input type="text" class="form-control" id="mvname" placeholder="请输入电影名称 如：精品电影">
</div>
<div class="form-group" >
<label for="exampleInputPassword1">电影链接</label>
<input type="text" class="form-control" id="mvlink" placeholder="电影链接：如 http://www.029gc.cn">
</div>
<button type="button" id="add" class="btn btn-primary btn-lg btn-block" style="width:20%;align:center;">保存</button>
</form>
<table class="table table-bordered">
<tr id="tr"><td>名称</td><td>链接</td><td>操作</td></tr>
<foreach name="name" item="vo">
<tr id="{$vo.id}tr"><td>{$vo.mvname}</td><td>{$vo.mvlink}</td><td><a href="javascript:void(0)" onclick=dellink({$vo.id});>删除</a></td></tr>
</foreach>
</table>
</body>
<SCRIPT type=text/javascript>
$("#add").click(function (){
var name = $("#mvname").val();
var link = $("#mvlink").val();
if(name==""||link==""){
alert("电影名称或链接不能为空");
return;
}else{
$.ajax({
url: "../index.php?g=Admin&m=Mvadd&a=add",
type: "POST",
data:{"name":name,"mvlink":link},
dataType: "json",
error: function(){
alert(‘Error loading XML document‘);
},
success: function(data){
alert(data.info);
$("#tr").after("<tr id="+data.data+"tr><td>"+name+"</td><td>"+link+"</td><td><a href=‘javascript:void(0)‘ onclick=dellink1("+data.data+");>删除</a></td></tr>")
}
});
}
});
function dellink(id){
$.ajax({
url: "../index.php?g=Admin&m=Mvadd&a=del",
type: "POST",
data:{"id":id},
dataType: "json",
error: function(){
alert(‘Error loading XML document‘);
},
success: function(data){
alert(data.info);
$("#"+id+"tr").remove();
}
});
}
</SCRIPT>
</html>
技术点：
动态增加和删除表格中的数据。
thinkphp ajax添加及删除的更多相关文章
- MVC5 网站开发之六 管理员 2、添加、删除、重置密码、修改密码、列表浏览
目录 奔跑吧,代码小哥! MVC5网站开发之一 总体概述 MVC5 网站开发之二 创建项目 MVC5 网站开发之三 数据存储层功能实现 MVC5 网站开发之四 业务逻辑层的架构和基本功能 MVC5 网 ...
- 打通前后端全栈开发node+vue进阶【课程学习系统项目实战详细讲解】(3)：用户添加/修改/删除 vue表格组件 vue分页组件
第三章 建议学习时间8小时 总项目预计10章 学习方式:详细阅读,并手动实现相关代码(如果没有node和vue基础,请学习前面的vue和node基础博客[共10章] 演示地址:后台:demo ...
- Thinkphp+Ajax带关键词搜索列表无刷新分页实例
Thinkphp+Ajax带关键词搜索列表无刷新分页实例,两个查询条件,分页和搜索关键字,懂的朋友还可以添加其他分页参数. 搜索#keyword和加载内容区域#ajax_lists <input ...
- 利用jquery动态添加和删除表格的一行，并且保存单行数据
开发时遇到一个需求:要求要在页面的表格可以添加和删除一行,并能填写对应的数据后保存这一行数据. HTML代码 界面使用了freemarker框架,teams是后台传过来的list类型数据 <fo ...
- 3、尚硅谷_SSM高级整合_使用ajax操作实现删除的功能
点击删除的时候,要删除联系人,这里同点击编辑按钮一样给删除按钮添加点击事件的时候不能使用 $(".delete_btn").click(function(){ }); 这种方式,因 ...
- Maven+ajax+SSM实现删除
转载自:https://www.cnblogs.com/kebibuluan/p/9020381.html 3.尚硅谷_SSM高级整合_使用ajax操作实现删除的功能 点击删除的时候,要删除联系人,这 ...
- [vs2008]Visual Studio 2008 SP1添加或删除功能提示查找SQLSysClrTypes.msi文件
前言 今天接到领导布置的一个任务,是之前同事负责的项目.离职了,现在客户有些地方需要修改,由于我之前参与过,就落在我的头上了. 然后我就把代码弄了过来,打开发现其中需要用到水晶报表.(我觉得不好用,不 ...
- JavaWeb_day03_员工信息添加修改删除
day03员工的添加,修改,删除 修改功能 思路 : 点击修改员工数据之后,跳转到单行文本,查询要修改的员工id的全部信息,主键id设置为readonly,其余的都可以修改, 修改之后,提交按钮,提交 ...
- 原生js事件的添加和删除
在IE浏览器中添加或删除事件用attachEvent.detachEvent.在其他标准浏览器中则用addEventListener.removeEventListener.下面的对事件的添加和删除做 ...
随机推荐
- Sublime Text2 安装Package Control
Sublime Text2是一款轻量级的妖娆的编辑器,想要更多私人定制功能的第一步就是安装Package Control 这是官网的安装方法: Click the Preferences > ...
- 14Spring_AOP编程(AspectJ)_环绕通知
在目标方法执行前后,进行代码增强 (阻止目标方法的执行 ) 环绕通知实现任何通知效果. 案例如下: 案例结构:
- WPF - MVVM - 如何将ComboBox的Selectchange事件binding到ViewModel
转:http://www.cnblogs.com/mantian/p/3713524.html 将所有的事件,属性,都映射到ViewModel中.好处多多,以后开发尽量用这种模式. 解决方法: 使用S ...
- 我的WCF摸爬滚打之路（1）
等了好久终于等到今天!盼了好久终于把梦实现……哈哈,仅以此歌词来庆祝我为期3天的wcf学习之路圆满结束. 今天写这个文章的目的在于记录一下我自己在学习WCF的时候碰到的一些问题,俗话说,好记心不如烂笔 ...
- java中从1970-1-1到当前时间之间的毫秒数转换为oracle date
java中System.currentTimeMillis()取到的是从1970-01-01 00:00:00.000到当前时间的毫秒数,一个long类型的值. 现在oracle数据库中某表中存取的是 ...
- 34-php基础：cookie
<?php //1.创建cookie //创建cookie,如下设置,cookie的过期时间为会话结束时 setcookie("name","gaoxiong&qu ...
- memcached缓存失效时的高并发访问问题解决
memcached一般用于在访问一些性能相对低下的数据接口时(如数据库),为了保证这些数据接口的稳定性,加上memcached以减少访问次数,保证这些数据接口的健壮性.一般memcached的数据都是 ...
- ZooKeeper学习第五期--ZooKeeper管理分布式环境中的数据
引言 本节本来是要介绍ZooKeeper的实现原理,但是ZooKeeper的原理比较复杂,它涉及到了paxos算法.Zab协议.通信协议等相关知识,理解起来比较抽象所以还需要借助一些应用场景,来帮我们 ...
- Android EventBus源码解析 带你深入理解EventBus
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/40920453,本文出自:[张鸿洋的博客] 上一篇带大家初步了解了EventBus ...
- chrome浏览器插件启动本地应用程序
chrome浏览器插件启动本地应用程序 2014-04-20 00:04:30| 分类: 浏览器插件|举报|字号 订阅 下载LOFTER我的照片书 | chrome的插件开发这里就 ...