Hướng dẫn show data ajax php - hiển thị dữ liệu ajax php

Sử dụng ajax để hiện dữ liệu từ database hướng dẫn tạo request bằng javascript tới server để lấy dữ liệu về mà không cần nạp trang lại.

1. Giới thiệu kỹ thuật Ajax

• Ajax là kỹ thuật tạo request đển server mà không cần phải nạp lại trang.
• Web developer có thể thực hiện request đến server bằng nhiều cách: hàm fetch trong javascript hoặc dùng các thư viện như jquery, angularjs…cũng đều được.
• Kỹ thuật này giúp lập trình viên rất uyển chuyển trong việc xử lý nhiều vấn đề ở client mà cần đến dữ liệu hoặc hỗ trợ từ phía server. Ví dụ: check ngay username trong trang đăng ký thành viên, hiện lại captcha khác, nạp dữ liệu vào trang mà không làm reload trang
• Tham khảo thêm : video đăng ký thành viên trong kênh thầy long web
• Video này hướng dẫn bạn sử dụng ajax để lấy dữ liệu từ server về hiện trong trang web mà không cần nạp lại trang.

2. Chuẩn bị

Tạo database thaylongweb_tintuc và import dữ liệu. Tải database: thaylongweb_tintuc

3. Ứng dụng Ajax để hiện tin theo loại

Tạo trang tintrongloai.php để hiện danh sách tin

    
 
        
  
         Đăng:  - 
            Xem  
        
  

  


    

Tạo trang sử dụng ajax  với jquery

  

    Navbar
    
      
    
    

      

        

          Home
        
        

          Link
        
        

          Link
        
        

          Link
        
        

          Link
        
      
      
        
        Search
      
    
  




    
THẦY LONG WEB - DEMO AJAX
   

Kết quả xem trang như sau:

Thao tác với jquery

– Vào //developers.google.com/speed/libraries#jquery để lấy code jquery , sẽ thấy code jquery cần dùng để nhúng vào trang: