宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-11-14

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

jquery.confirm.js复制代码代码如下:(函数($){ $)。确认=函数(参数){ if($(' #确认覆盖').长度){ //A确认已经显示在页面:返回false} var buttonHTML=$。每个(params.buttons,function(name,obj){ //生成按钮s 3360按钮html=' a href=' # ' class=' button ' obj[' class ']' name ' span/span/a '的标记;if(!物体。动作){ obj。action=function(){ };} });var markup=[' div id=' confirm overlay ' ',' div id='confirmBox ' ',' h1 ',params.title,'/h1 ',' p ',params.message,'/p ',' div id='confirmButtons ' ',buttonHTML,'/div/div/div' ].join(' ');$(加价)。隐藏()。appendTo("正文")。fadeIn();var buttons=$('#confirmBox .按钮'),I=0;$.每个(params.buttons,function(name,obj){ button . eq(I)).单击(function(){ //当发生//点击时调用动作属性,并隐藏确认物体。action();$ .确认。hide();返回false });});} $ .确认。hide=function(){ $(' #确认覆盖').fadeOut(函数(){ $(this)).移除();});} })(jQuery);服务器端编程语言(Professional Hypertext Preprocessor的缩写)代码复制代码代码如下: div id='page '?服务器端编程语言(Professional Hypertext Preprocessor的缩写)需要conn . PHP ';$sql='从' add_delete_record '中选择*其中id0 ';$ 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代码复制代码代码如下:美元(文件)。ready(function(){ $(')).项目。删除')。单击(function(){ var elem=$(this)).最近的('。项目');var id=$(this).attr(' id ');$.确认({ 'title' : '删除该记录?','消息' : '您确认删除该记录?br /删除后无法恢复记录。' buttons ' : { ' Yes ' : { ' class ' : ' blue ',' action': function(){$ .ajax({ type: 'GET ',url: 'del.php ',data: 'id=' id,});艾伦。向上滑动();} },' No' : { 'class' : 'gray ',' action': function(){} //这种情况下没什么可做的。您也可以省略行为属性。} } });});});del.php复制代码代码如下:服务器端编程语言(Professional Hypertext Preprocessor的缩写)需要conn . PHP ';$ id=$ _ GET[' id '];$delete_small_sql='从添加_删除_记录中删除,其中id=' $ id $ result _ small=MySQL _ query($ delete _ small _ SQL);

更多资讯
游戏推荐
更多+