페이지 이동 없이 Ajax 빠른 삭제 작업 공유(아름다운 스타일 추가 가능)-PHP 튜토리얼-php.cn

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

高洛峰

풀어 주다： 2023-03-06 14:38:02

원래의

1197명이 탐색했습니다.

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不跳转页面的快速删除操作（可添加美观样式）