基於ajax實現無刷新分頁的方法

今天請看yjbys小編帶來的基於ajax實現無刷新分頁的方法，希望對大家有所幫助。

在普通的分頁中，一旦頁碼改變，則url改變，整個頁面都會刷新，如果我們希望頁碼的改變不影響整個網頁的變動，可以使用ajax技術。

AJAX 是一種用於創建快速動態網頁的技術。通過在後台與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

通過客户端html代碼，用ajax把服務器中的數據通過get方式傳遞過來，顯示在html中。

<!doctype html>

<head>

<title>ajax實現無刷新分頁</title>

function f1(url){

var xhr = new XMLHttpRequest;

adystatechange = function() {

if(yState==4){

lementById('d')rHTML = onseText;

}

("get",url);

(null);

}

//頁面加載完成後，就調用該函數

ad = function(){

f1("");

}

</script>

</head>

<body>

<h2 align='center'>ajax實現無刷新分頁</h2>

</body>

</html>

在分頁類中，我們只需更改超鏈接的地址，將原來的'地址更改為通過js調用f1()方法，將鏈接傳遞給js中的f1()方法。

進一步的，可以使用json實現無刷新效果的分頁，與ajax相比，json將html和css都寫在客户端，從而節省了服務器帶寬，也使用户的請求速度加快，具體方法不再贅述。

糯米文學吧