本例数据库结构很简单，就一个字段就行了

jquery.confirm.js

(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 += ''+name+'';

if(!obj.action){

obj.action = function(){};

}

});

var markup = [

',params.title,'

',params.message,'

buttonHTML,

].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

require "conn.php";

$sql="select * from `add_delete_record` where id>0";

$rs=mysql_query($sql);

if ($row = mysql_fetch_array($rs))

{

do {

}

while ($row = mysql_fetch_array($rs));

}?>

JavaScript Code

$(document).ready(function(){

$('.item .delete').click(function(){

var elem = $(this).closest('.item');

var id=$(this).attr('id');

$.confirm({

'title' : '删除该记录?',

'message' : '您确认删除该记录?
删除后无法恢复记录.',

'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

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 ajax 删除确认,jquery 漂亮的删除确认和提交无刷新删除示例相关推荐

无刷新删除 Ajax,JQuery
无刷新删除 Ajax,JQuery 1.数据库用上面的,增加一个 DeleteById 的SQL方法 delete from T_Posts where Id = @Original_Id 2.设置处 ...
【转】Jquery -Ajax 入门练习 Jquery.Ajax 调用后台函数，获取DataTable Json,Asp.net
直接上图=============最后拷贝源码(图片清楚) ====================================================================== ...
ajax无刷新评论示例
下面就为大家带来一篇 ajax无刷新评论示例.学习还是有点帮助的,给大家做个参考吧. 这是留言板的界面,当用户点击提交留言的时候,自动提交到我的留言下面留言内容中为空,或者为灰色的"没有填 ...
ajax上传文件表单，图片、文件无刷新上传,jquery.form.js的使用
我们在进行一些web开发时,有时会需要上传文件,图片等等的功能.这篇文章记录一下我实现用ajax实现无刷新上传图片的方法. 我们先要了解一下ajax,在前后端分离的开发环境中ajax被广泛的用原来前后 ...
ajax json 渲染 html,jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
本文实例讲述了jquery+ajax+js实现请求json格式数据并渲染到html页面操作.分享给大家供大家参考,具体如下: 1.先给json格式的数据: [ {"id":1,&q ...
jquery ajax实例 php,jquery中各个ajax实例操作
jquery_ajax.html $(document).ready(function(){ //jquery.ajax() $("#button1").click(functio ...
mvc jquery ajax分页实例,jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解，mvcpagerajax分页...
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页简单的两个步骤即可实现分页功能 //回调里面进行业务处理 function lo ...
jquery ajax json文件,jQuery ajax读取本地json文件
jQuery ajax读取本地json文件 json文件 { "first":[ {"name":"张三","sex": ...
jquery ajax content type,JQuery ajax的contentType
原理说明 Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面.XMLHttpRequest是ajax的核 ...
jquery ajax设置头部,jQuery Ajax 设置请求头
今日在项目ajax访问中获取接口地址,出现一个这样的错误: Request header field Access-Token is not allowed by Access-Control-Al ...

jquery ajax 删除确认,jquery 漂亮的删除确认和提交无刷新删除示例

',params.title,'

jquery ajax 删除确认,jquery 漂亮的删除确认和提交无刷新删除示例相关推荐

最新文章

热门文章