suchen

Heim >Backend-Entwicklung >PHP-Tutorial >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:441201Durchsuche

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=&#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>

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

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

Dann löschen wir die Verarbeitungsseite


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

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Ausführliches Tutorial zur Memcache-Installation unter WindowsNächster Artikel：Ausführliches Tutorial zur Memcache-Installation unter Windows

In Verbindung stehende Artikel

Mehr sehen