Heim > Artikel > Backend-Entwicklung > Teilen Sie den schnellen Ajax-Löschvorgang, ohne zur Seite zu springen (schöner Stil kann hinzugefügt werden).
Teilen Sie den schnellen Ajax-Löschvorgang, ohne zur Seite zu springen (schöner Stil kann hinzugefügt werden).
- 高洛峰Original
- 2017-03-12 10:02:441133Durchsuche
Teilen Sie den schnellen Löschvorgang einer Ajax-freien Seite (kann schöne Stile hinzufügen)
Der Löschvorgang, über den wir zuvor gesprochen haben, bestand darin, den eingebetteten PHP-Code zu verwenden, um zu einer anderen Seite zu springen. Daher wird die Löschgeschwindigkeit verringert, aber die Verwendung von Ajax, über die wir heute sprechen, kann nicht nur ein schnelles Löschen ohne Seitensprung erreichen, sondern auch Spezialeffekte hinzufügen, um die Seite zu verschönern.
Code, machen wir zuerst die Hauptseite
<!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='button' code='"+lie[0]+"' value='删除' class='sc' /></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>Auf der Startseite verweist Ajax auf die Ladeseite von
<?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;Der Effekt ist wie unten gezeigt
Dann löschen wir die Verarbeitungsseite
<?php
include("../LZY.class.php");
$db = new LZY();
$code = $_POST["code"];
$sql = "delete from nation where code='{$code}'";
if($db->Query($sql,0))
{
echo "OK";
}
else
{
echo "NO";
} 
Das Löschen mit Ajax ist so einfach. . . .
Das obige ist der detaillierte Inhalt vonTeilen Sie den schnellen Ajax-Löschvorgang, ohne zur Seite zu springen (schöner Stil kann hinzugefügt werden).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!