jquery 아름다운 삭제 확인 및 새로 고침 삭제 없이 제출 example_jquery

이 예의 데이터베이스 구조는 매우 간단합니다. 필드가 하나뿐입니다.

jquery.confirm.js

코드 복사 코드는 다음과 같습니다.

(function($){
$.confirm = function(params){
if($('#confirmOverlay').length ){
// 페이지에 이미 확인이 표시되어 있습니다.
return false
}
varbuttonHTML = ''$.each(params.buttons,function(name, obj){
// 버튼에 대한 마크업 생성:
buttonHTML = ' name '';
if(!obj.action){
obj.action = function(){};
}
}); var markup = [
'

',
'

',
'

',params.title, '',
'

',params.message,'

',
'

',
buttonHTML ,
'

'
].join('')
$(markup).hide().appendTo('body') .fadeIn() ;
var 버튼 = $('#confirmBox .button'),
i = 0
$.each(params.buttons,function(name,obj){
버튼 .eq(i ).click(function(){
//
// 클릭이 발생할 때 작업 속성을 호출하고 확인을 숨깁니다.
obj.action();
$. verify.hide( );
return false;
})
}
$.confirm.hide = function(){
$('#confirmOverlay' ).fadeOut( function(){
$(this).remove();
})
}
})(jQuery)


PHP 코드

코드 복사 코드는 다음과 같습니다.

require "conn.php";
$sql="select * from `add_delete_record` 여기서 id>$rs=mysql_query($sql); 🎜>if ($row = mysql_fetch_array($rs))
{
do {
?>

#" >

}
while ($row = mysql_fetch_array($rs)) ;
}?> ;


자바스크립트 코드




코드는 다음과 같습니다.

$(document).ready(function(){

$('.item .delete').click(function(){ var elem = $(this).closest ('.item'); var id=$(this).attr('id') $.confirm({ 'title' : '이 기록을 삭제하시겠습니까?', 'message' : '이 기록을 삭제하시겠습니까?
삭제 후에는 기록을 복원할 수 없습니다.', '버튼' : {

'예' : {

'class' : 'blue',
'action': function(){$.ajax({
type: 'GET',
url: 'del .php',
data: 'id=' id,
})
elem.slideUp()
}
},
'아니요' : {
'class' : 'gray',
'action': function (){} // 이 경우에는 할 일이 없습니다.
}
}
} );
});
});


del.php




코드 복사


코드는 다음과 같습니다.

< ?php

require "conn.php" $id=$_GET['id'] $delete_small_sql = "id='$id'인 add_delete_record에서 삭제"; $result_small = mysql_query($delete_small_sql)

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.