Ajax load page cho website

thanhtonit · August 30, 2017, 9:03am

Xin chào mọi người cho em hỏi xíu em thấy trang buavn.com nó làm theo kiểu Ajax để phân trang em thắc mắt là khi hover vào nút Xem thêm ở dưới cuối trang thì nó vẫn ra link ví dụ …/page/2 nhưng khi lick vào thì nó load đúng page 2 nhưng link trên trình duyệt không thay đổi anh em nào biết làm như vậy không xin chỉ giáo ạ

haviettrang · August 30, 2017, 9:56am

Mình inspect thì thấy họ gửi quert bằng ajax rồi họ trả về dạng json rồi thêm với data là đoạn html trong thẻ div clas=“home_news_wrap”. Họ thay nguyên cả thẻ div cũ bằng div mới là data trả về.

thanhtonit · August 30, 2017, 10:01am

làm cách này có ảnh hưởng tới web hay gì không vậy ạ

haviettrang · August 30, 2017, 10:14am

ý bạn là ảnh hưởng gì? nó chỉ thay cả thẻ div cũ bằng thẻ div mới thôi.

thanhtonit · August 30, 2017, 10:15am

ak nghĩ là làm cách đó có hay không, có ảnh hưởng tới tốc độ load trang không

haviettrang · August 30, 2017, 10:27am

Load nhanh hơn chứ bạn, trải nghiệm cũng tốt hơn

thanhtonit · August 30, 2017, 10:39am

ak bạn có test thử trên trang đó chưa thấy ok không mình thì mình không thích load như vậy

nicklauri · August 30, 2017, 11:16am

“Test thử”? “mình thì mình không thích load như vậy”? Bạn đang muốn gì vậy? Mình không hiểu bạn nói gì hết, dùng AJAX load data mà không có “ảnh hưởng” gì hết thì request làm gì :v Bạn biết cái công nghệ đó là AJAX rồi mà sao lại thắc mắc như vậy?

Đọc sơ sơ source code thì mình thấy như sau:

Để ý dòng 402…405 ta có data cho AJAX request và dòng 407 ta có 1 file js chịu trách nhiệm gửi và xử lý request <nó đây>. (mình lười chụp màn hình nên bạn tự xem nhé).
Biết Javascript + jQuery + 1 ít RegEx là hiểu file đó đang làm gì thôi. Tóm lược là nó ghi đè sự kiện click cho các phần tử .paginate_links a nằm trong .home_news_main: lấy data nằm trong thuộc tính href rồi parse gì gì đó bạn đọc tiếp trong file đó nha.