首頁 > 文章 > 後端開發 > 分享ajax不跳轉頁面的快速刪除操作（可新增美觀樣式）

分享ajax不跳轉頁面的快速刪除操作（可新增美觀樣式）

高洛峰原創: 2017-03-12 10:02:441188瀏覽

分享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中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：Windows下的Memcache安裝詳細教程下一篇：Windows下的Memcache安裝詳細教程

看更多

分享ajax不跳轉頁面的快速刪除操作（可新增美觀樣式 ）

相關文章

分享ajax不跳轉頁面的快速刪除操作（可新增美觀樣式）