Dieses Mal zeige ich Ihnen, wie Sie Ajax zum Laden von Seiten und zum Löschen von Inhalten verwenden. Was sind die Vorsichtsmaßnahmen für die Verwendung von Ajax zum Laden von Seiten und zum Löschen von Inhalten? sehen.
Der größte Vorteil von Ajax besteht darin, dass es beim Laden und Löschen nicht zur Seite springt. Heutzutage verwenden die meisten Webseiten Ajax zum Schreiben, wodurch der Code im Vergleich zum Einbetten von PHP-Code Gleichzeitig wird das Laden der Seite schneller sein. Das Folgende ist das Laden der Seite und das Löschen von Früchten am Beispiel der Datenbank-Fruchttabelle. Es kann immer noch etwas umständlich sein, mit Ajax zu schreiben Betrachten Sie es einfach als Übung.
Dies ist die Obsttabelle:
<body> <h2>内容加载</h2> <table cellpadding="0" cellspacing="0" border="1" width="100%"> <tr> <td>水果名称</td> <td>水果价格</td> <td>水果产地</td> <td>操作</td> </tr> <tbody id="tb"> </tbody> </table> </body>
<?php
include("DADB.class.php");
$db=new DADB();
$sql="select * from fruit ";
$arr=$db->Query($sql);
$str="";
foreach($arr as $v)
{
$str=$str.implode("^",$v)."|"; //每一行之间用“|”连接，这样最后就会多出一个“|”
}
$str=substr($str,0,strlen($str)-1); //把最后多出的“|”用截取字符串的方式删去
echo $str;
?><script type="text/javascript">
$.ajax({
url:"jiazaiym.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[1]+"</td><td>"+lie[2]+"</td><td>"+lie[3]+"</td><td><input type='button' ids='"+lie[0]+"' class='sc' value='删除'/></td></tr>"
}
$("#tb").html(str);
}
})
</script>Hinweis: Achten Sie beim Schreiben von Ajax besonders auf die darin enthaltenen Semikolons und Kommas. Ich schreibe Kommas immer als Semikolons, aber das Ergebnis ist ungültig Nachdem ich überprüft hatte, ob der Code korrekt war, stellte ich fest, dass das Komma falsch geschrieben war. Dies ist eine sehr problematische Sache.
Nachdem wir die Ladeseite geschrieben haben, müssen wir mit dem Schreiben der Löschseite beginnen. Das Löschen der Seite ist sehr einfach und entspricht fast dem direkten Einbetten von PHP.<?php
$ids=$_POST["ids"];
include("DADB.class.php");
$db=new DADB();
$sql="delete from fruit where ids={$ids}";
if($db->Query($sql,0))
{
echo"OK";
}
else{
echo"flase";
}<script type="text/javascript">
Load();
function Load() {
$.ajax({
url: "jiazaiym.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[1] + "</td><td>" + lie[2] + "</td><td>" + lie[3] + "</td><td><input type='button' ids='" + lie[0] + "' class='sc' value='删除'/></td></tr>"
}
$("#tb").html(str);
//删除页面
$(".sc").click(function(){
var ids=$(this).attr("ids");
$.ajax({
url: "shanchu.php",
data: {ids: ids},
type: "POST",
dataType: "TEXT",
success: function (aa) { //去空格
if (aa.trim() == "OK") {
alert("删除成功");
Load();
}
else {
alert("删除失败");
}
}
})
})
}
})
}
</script>Wie man Ajax verwendet, um eine Popup-Anmeldung zu realisieren
Ajax+Bootstrap-Schritte zur Optimierung der Webbenutzererfahrung
Das obige ist der detaillierte Inhalt vonSo verwenden Sie Ajax zum Laden von Seiten und zum Löschen von Inhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Ajax-Tutorial
Ajax-Lösung für verstümmelten chinesischen Code
So lösen Sie das Problem, dass CSS nicht geladen werden kann
Was tun, wenn im Skript der aktuellen Seite ein Fehler auftritt?
Was tun, wenn CSS nicht geladen werden kann?
Was tun, wenn Ajax verstümmelte chinesische Zeichen überträgt?
Was tun, wenn das Laden der DLL fehlschlägt?
So lösen Sie internalerror0x06
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
