01/10/2018, 11:16

Ajax load page cho website

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 ạ

Mason Ha viết 13:31 ngày 01/10/2018

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ề.

thanh nguyen viết 13:24 ngày 01/10/2018

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

Mason Ha viết 13:18 ngày 01/10/2018

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

thanh nguyen viết 13:32 ngày 01/10/2018

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

Mason Ha viết 13:18 ngày 01/10/2018

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

thanh nguyen viết 13:29 ngày 01/10/2018

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

Khoa NTA viết 13:21 ngày 01/10/2018

“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.
Bài liên quan
0