本例数据库结构很简单,就一个字段就行了
jquery.confirm.js
JavaScript Code
- (function($){
- $.confirm = function(params){
- if($('#confirmOverlay').length){
- // A confirm is already shown on the page:
- return false;
- }
- var buttonHTML = '';
- $.each(params.buttons,function(name,obj){
- // Generating the markup for the buttons:
- buttonHTML += '<a href="#" class="button '+obj['class']+'">'+name+'<span></span></a>';
- if(!obj.action){
- obj.action = function(){};
- }
- });
- var markup = [
- '<div id="confirmOverlay">',
- '<div id="confirmBox">',
- '<h1>',params.title,'</h1>',
- '<p>',params.message,'</p>',
- '<div id="confirmButtons">',
- buttonHTML,
- '</div></div></div>'
- ].join('');
- $(markup).hide().appendTo('body').fadeIn();
- var buttons = $('#confirmBox .button'),
- i = 0;
- $.each(params.buttons,function(name,obj){
- buttons.eq(i++).click(function(){
- // Calling the action attribute when a
- // click occurs, and hiding the confirm.
- obj.action();
- $.confirm.hide();
- return false;
- });
- });
- }
- $.confirm.hide = function(){
- $('#confirmOverlay').fadeOut(function(){
- $(this).remove();
- });
- }
- })(jQuery);
PHP Code
- <div id="page">
- <?php
- require "conn.php";
- $sql="select * from `add_delete_record` where id>0";
- $rs=mysql_query($sql);
- if ($row = mysql_fetch_array($rs))
- {
- do {
- ?>
- <div class="item">
- <a href="#" >
- <?php echo $row['text']?>
- </a>
- <div class="delete" id="<?php echo $row['id']?>"></div>
- </div>
- <?php
- }
- while ($row = mysql_fetch_array($rs));
- }?>
- </div>
JavaScript Code
- $(document).ready(function(){
- $('.item .delete').click(function(){
- var elem = $(this).closest('.item');
- var id=$(this).attr('id');
- $.confirm({
- 'title' : '删除该记录?',
- 'message' : '您确认删除该记录? <br />删除后无法恢复记录.',
- 'buttons' : {
- 'Yes' : {
- 'class' : 'blue',
- 'action': function(){$.ajax({
- type: 'GET',
- url: 'del.php',
- data: 'id='+id,
- });
- elem.slideUp();
- }
- },
- 'No' : {
- 'class' : 'gray',
- 'action': function(){} // Nothing to do in this case. You can as well omit the action property.
- }
- }
- });
- });
- });
del.php
PHP Code
- <?php
- require "conn.php";
- $id=$_GET['id'];
- $delete_small_sql = "delete from add_delete_record where id='$id'";
- $result_small = mysql_query($delete_small_sql);
- ?>
相关推荐
jquery 漂亮的删除确认和提交无刷新删除,本例数据库结构很简单,就一个字段就行了,具体的实现代码如下,感兴趣的朋友可以参考下
jquery+ajax实现无刷新提交的功能。
用jQuery做的实现异步无刷新删除,在前台通过JS调用后台的删除方法,并使前台页面局部刷新。
jquery删除确认提示信息框
实现了获取评论无刷新,发表评论无刷新,www.sendawangluo.com页面获取评论时显示loading加载效果jquery真的是一个非常优秀的JS库,简单容易掌握,对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示,...
jquery+json的无刷新分页 jquery+json的无刷新分页 jquery+json的无刷新分页 jquery+json的无刷新分页
jquery.form.js (异步提交,页面无刷新提交FORM), 1.需要引用jquery 2.引用JS后, $("form").ajaxSubmit(function (responseResult) { //responseResult 为从后台返回信息});
ajax(jquery+json)实现前端无刷新分类管理源码! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
使用jquery 预览图片并实现无刷新上传 使用了jquery.ajaxfileupload.js插件实现无刷新上传
基于jquery+json实现的网站后台管理中无刷新的分类管理功能演示,如上图演示所示,可无刷新添加一个分类、在动画弹出的对话框中输入分类名称即可实现保存,同进还可无刷新删除二级分类,删除一级分类,修改分类,...
这是一个外国的,外观非常好的JQuery+PHP无刷新上传
jQuery+Ajax+PHP无刷新分页
无刷新提交数据[jquery+ajax]
jquery+json 实现页面无刷新列表 分页
jQuery上啦刷新 jQuery下拉刷新,基于jQuery的下拉以及上啦刷新
jquery 添加删除 DIV 和 jquery 切换特效 jquery 添加删除 DIV 和 jquery 切换特效
jQuery+XML+ASP.NET无刷新添加删除数据,还可以简单进行分页, 本程序的数据存储介质为XML,只是为了演示jQuery的功能, 有兴趣的朋友可以修改完善,转换为数据库版。
使用jQuery实现的功能完整的无刷新分页效果实例。这种形式的分页也是网上见得最多的,符合大部分网民的习惯,而且jQuery的引入,使本款分页效果实现无刷新,点击页码可直接显示内容,当然,测试页的内容不是太多,...
jQueryPager jquery在.net下无刷新分页 。使用的是mssql 自带的Northwind数据库.
很好的一款jquery分层无刷新分页、各字段排序(northwind数据库)代码完整。供大家学习