집 >백엔드 개발 >PHP 튜토리얼 >페이지 이동 없이 Ajax 빠른 삭제 작업 공유(아름다운 스타일 추가 가능)

페이지 이동 없이 Ajax 빠른 삭제 작업 공유(아름다운 스타일 추가 가능)

高洛峰원래의: 2017-03-12 10:02:441201검색

ajax가 없는 페이지의 빠른 삭제 작업 공유(아름다운 스타일 추가 가능)

앞서 이야기한 삭제는 내장된 PHP 코드를 사용하여 다른 페이지로 이동하는 것이었습니다. 삭제 속도는 줄어들지만 오늘 이야기하는 Ajax를 사용하면 페이지를 점프하지 않고도 빠른 삭제가 가능할 뿐만 아니라 페이지를 아름답게 하는 특수 효과도 추가할 수 있습니다.

코드, 메인 페이지를 먼저 해보자

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="../jquery-1.11.2.min.js"></script>
</head>

<body>
<h1>显示数据</h1>

<table width="100%" border="1" cellpadding="0" cellspacing="0">
	<tr>
    	<td>代号</td>
        <td>名称</td>
        <td>操作</td>
    </tr>
    
    <tbody id="tb">
    
    </tbody>
    
</table>


</body>
<script type="text/javascript">

//加载数据
Load();



//加载数据的方法
function Load()
{
$.ajax({
		url:"jiazai.php",
		dataType:"TEXT",
		success: function(data){
				var str = "";
				var hang = data.split("|");
				for(var i=0;i<hang.length;i++)
				{
					var lie = hang[i].split("^");
					str = str+"<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td><input type=&#39;button&#39; code=&#39;"+lie[0]+"&#39; value=&#39;删除&#39; class=&#39;sc&#39; /></td></tr>";
				}
				$("#tb").html(str);
				
				//删除事件
				$(".sc").click(function(){
					var code = $(this).attr("code");
					$.ajax({
						url:"shanchu.php",
						data:{code:code},
						dataType:"TEXT",
						type:"POST",
						success: function(d){
							if(d.trim()=="OK")
							{
								alert("删除成功");
								Load();
							}
							else
							{
								alert("删除失败");
							}
						}
						});
					})
			}
	});
	
}
	
</script>
</html>

홈 페이지에서 ajax 는

의 로딩 페이지를 참조한다.

<?php
include("../LZY.class.php");
$db = new LZY();

$sql = "select * from nation";
$arr = $db->Query($sql);


$str = "";
foreach($arr as $v)
{
	$str = $str.implode("^",$v)."|";
}
$str = substr($str,0,strlen($str)-1);
echo $str;

효과는 아래와 같습니다

分享ajax不跳转页面的快速删除操作（可添加美观样式）

그런 다음 처리 페이지를 삭제합니다

<?php
include("../LZY.class.php");
$db = new LZY();
$code = $_POST["code"];
$sql = "delete from nation where code=&#39;{$code}&#39;";
if($db->Query($sql,0))
{
	echo "OK";
}
else
{
	echo "NO";
}

　分享ajax不跳转页面的快速删除操作（可添加美观样式）

Ajax를 사용하여 삭제하는 방법은 매우 간단합니다. . . .

위 내용은 페이지 이동 없이 Ajax 빠른 삭제 작업 공유(아름다운 스타일 추가 가능)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：Windows에서의 Memcache 설치에 대한 자세한 튜토리얼다음 기사：Windows에서의 Memcache 설치에 대한 자세한 튜토리얼