THỰC HÀNH LAB – TẠO PHÂN TRANG BẰNG AJAX pdf

Lớp: Chuyên Viên Website Lành Nghề Trang 1 LAB – TẠO PHÂN TRANG BẰNG AJAX Bước 1: Mở trang newsdetail.php + Chuyển qua chế độ Code chèn đoạn Code sau đây vào CHUYÊN... Lớp: Chuyên Viên

Lớp: Chuyên Viên Website Lành Nghề Trang 1

LAB – TẠO PHÂN TRANG BẰNG AJAX

Bước 1: Mở trang newsdetail.php

+ Chuyển qua chế độ Code chèn đoạn Code sau đây vào

CHUYÊN

Lớp: Chuyên Viên Website Lành Nghề Trang 2

+ Trước thẻ </head> chèn đoạn Script sau đây:

<script type="text/javascript" src="js/ajax_24h_com_vn.js"></script>

</head>

Bước 2: Sửa lại đoạn Code phân trang có áp dụng AJAX trong phân trang

+ Mở trang tintuckhac.php lên chọn đoạn phân trang, chuyển qua chế độ Code

+ Bạn thấy chương trình đang đánh dấu đoạn Code phân trang như sau:

CHUYÊN

Lớp: Chuyên Viên Website Lành Nghề Trang 3

+ Hãy thay thế đoạn Code này bằng đoạn Code sau:

<?php

// bat dau phan phan trang

$TFM_Previous = $pageNum_rs_tintuckhac - 5;

if ($TFM_Previous >= 0) {

/*printf(' <a href="'."%s?pageNum_rs_tintuckhac=%d%s", $currentPage, $TFM_Previous,

$queryString_rs_tintuckhac.'">');

echo "[Previous "."5"." pages] </a> ";*/

printf(' <a href="javascript:AjaxAction(\'tintuckhac\','."'%s?pageNum_rs_tintuckhac=%d%s",

$currentPage, $TFM_Previous, $queryString_rs_tintuckhac.'\');">');

echo "[ Xem lùi "."5"." trang ] </a> ";

//Basic-UltraDev Previous X pages SB

}

?>

&nbsp;

<?php

for ($i = $TFM_startLink; $i <= $TFM_endLink; $i++) {

$TFM_LimitPageEndCount = $i -1;

if($TFM_LimitPageEndCount != $pageNum_rs_tintuckhac) {

/*printf('<a href="'."%s?pageNum_rs_tintuckhac=%d%s", $currentPage, $TFM_LimitPageEndCount,

$queryString_rs_tintuckhac.'">');*/

printf('<a href="javascript:AjaxAction(\'tintuckhac\','."'%s?pageNum_rs_tintuckhac=%d%s",

$currentPage, $TFM_LimitPageEndCount, $queryString_rs_tintuckhac.'\')">');

echo "$i</a>";

}else{

echo "<strong>$i</strong>";

}

if($i != $TFM_endLink) echo(" | ");}

?>

&nbsp;

<?php

$TFM_Next = $pageNum_rs_tintuckhac + 5;

$TFM_Last = $totalPages_rs_tintuckhac+1;

if ($TFM_Next - 1 < $totalPages_rs_tintuckhac) {

/*printf(' <a href="'."%s?pageNum_rs_tintuckhac=%d%s", $currentPage, $TFM_Next,

$queryString_rs_tintuckhac.'">');

echo "[Next "."5"." of ".$TFM_Last." pages] </a> ";*/

printf(' <a href="javascript:AjaxAction(\'tintuckhac\','."'%s?pageNum_rs_tintuckhac=%d%s",

$currentPage, $TFM_Next, $queryString_rs_tintuckhac.'\');">');

echo "[ xem tiếp "." 5"." của ".$TFM_Last." trang ] </a> ";

}

?>

Bạn hãy chú ý đoạn Code màu xanh là đoạn Code phân trang cũ đã bị bỏ và được thay thế bằng

đoạn Code màu đỏ có áp dụng hàm AjaxAction vào Chú ý tên của đoạn Code có nền vàng phải

giống với tên trong id của thẻ DIV ở bước 1

CHUYÊN

Lớp: Chuyên Viên Website Lành Nghề Trang 4

+ File -> Save

+ Mở trang index.php lên Preview Click thử vào xem một tin, sau đóng trong phần Tin tức khác thử

click vào các số trong phần phân trang để kiểm tra thử

+ Kết quả bây giờ là khi ta click vào để xem các tin tức khác tiếp theo, thì trang web phải không phải

bị load lại lần nữa do đó sẽ tăng được tốc độ duyệt trang web

CHUYÊN