Beim normalen Paging ändert sich die URL, sobald sich die Seitennummer ändert, und die gesamte Seite wird aktualisiert. Wenn wir möchten, dass sich die Änderung der Seitennummer nicht auf die Änderung der gesamten Webseite auswirkt, können wir dies tun Verwenden Sie Ajax-Technologie.
AJAX ist eine Technologie zur Erstellung schneller, dynamischer Webseiten. AJAX ermöglicht die asynchrone Aktualisierung von Webseiten durch den Austausch einer kleinen Datenmenge mit dem Server im Hintergrund. Das bedeutet, dass Teile einer Webseite aktualisiert werden können, ohne dass die gesamte Seite neu geladen werden muss.
Verwenden Sie Ajax, um die Daten vom Server über die get-Methode und über den Client-HTML-Code zu übergeben zeige es im HTML-Format an.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>ajax实现无刷新分页</title>
<script type="text/javascript">
function f1(url){
var xhr = new XMLHttpRequest;
xhr.onreadystatechange = function() {
if(xhr.readyState==4){
document.getElementById('d').innerHTML = xhr.responseText ;
}
}
xhr.open("get",url);
xhr.send(null);
}
//页面加载完成后，就调用该函数
window.onload = function(){
f1("fenye-data.php");
}
</script>
</head>
<body>
<h2 align='center'>ajax实现无刷新分页</h2>
<div id='d'></div>
</body>
</html>
In der Paging-Klasse müssen wir nur die Adresse des Hyperlinks ändern, die ursprüngliche Adresse ändern, um die f1()-Methode über js aufzurufen, und den Link an die f1()-Methode übergeben in js.
Methoden Keine weiteren Details.
