Tải dữ liệu một cách đơn giản với jQuery
Nó là thực sự dễ dàng để tải bất kỳ dữ liệu tĩnh hoặc dữ liệu động bởi sử dụng jQuery AJAX. jQuery cung cấp phương thức load() để thực hiện công việc này:

Cú pháp

Sau đây là cú pháp đơn giản cho phương thức load() trong jQuery:

[selector].load( URL, [data], [callback] );

Miêu tả chi tiết về các tham số:

  • URL − URL của ngồn Server-Side để Yêu cầu (Request) được gửi tới. Nó có thể là CGI, ASP, JSP, hoặc PHP script mà tạo dữ liệu động hoặc ra khỏi database

  • data − tham số tùy ý này biểu diễn một đối tượng mà các thuộc tính của nó được xếp theo thứ tự vào trong các tham số được mã hóa một cách thích hợp để được truyền tới Yêu cầu (Request). Nếu được xác định, Request được tạo bởi sử dụng phương thức POST. Nếu bị bỏ qua, phương thức GET được sử dụng.

  • callback − Một hàm callback được gọi sau dữ liệu phản hồi đã được tải vào trong các phần tử của tập hợp đã kết nối. tham số đầu tiên được truyền tới hàm này là văn bản phản hồi từ Server và tham số thứ hai là mã hóa trạng thái.

Ví dụ

Bạn xem xét HTML file sau với một đoạn jQuery code nhỏ:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            $("#driver").click(function(event){
               $('#stage').load('./result.html');
            });
         });
      </script>
		
   </head>
	
   <body>
	
      <p>Click on the button to load result.html file −</p>
		
      <div id="stage" style="background-color:cc0;">
         STAGE
      </div>
		
      <input type="button" id="driver" value="Load Data" />
		
   </body>
	
</html>

Ở đây, load() khởi tạo một AJAX request tới URL file đã xác định là ./result.html. Sau khi tải file này, tất cả nội dung sẽ được đưa đến vào trong phần tử <div> được tag với ID là stage. Giả sử, ./result.html file chỉ có một dòng HTML như sau:

<h1>THIS IS RESULT...</h1>

Khi bạn click vào nút đã cho, thì khi đó result.html được tải.

Bài viết cùng danh mục

Chăm sóc chậu hoa lan
Chia sẻ Vị sư già trồng một chậu lan. Ông chăm sóc chậu hoa đẹp rất cẩn thận, ngày ngày nhổ cỏ và tưới nước cho cây. Một lần có việc phải ra ngoài, ông giao chậu lan cho một tiểu hòa thượng nhờ chăm sóc. Nghe lời dặn của sư phụ, tiểu hòa thượng rất chăm chút cho cây lan. Cây hoa cũng rất phát triển.
Điều nên làm sau khi ăn để tránh béo bụng
Chia sẻ Một số người sau khi ăn thường có thói quen uống một tách trà hoặc đi ngủ ngay sau đó. Thực tế đây là những thói quen lợi ít hại nhiều vì chúng cản trở hệ tiêu hóa.
Giảm cân an toàn với bột gạo lứt
Chia sẻ Giảm cân bằng gạo lứt luôn là phương pháp hữu dụng mang lại hiệu quả nhanh và bền vững. Bởi thành phần chính là chất xơ cao hơn gạo bình thường gấp 2 lần, nên khi ăn gạo lứt quá trình tiêu hóa của bạn sẽ chậm hơn và cũng làm cho dạ dày có cảm giác no lâu hơn.
Nguyên tắc chăm sóc da vùng chữ T luôn sạch dầu
Chia sẻ Khu vực chữ T quanh mũi này có nhiều tuyến nhờn hơn, khiến bụi bẩn dễ dồn ứ gây tắc lỗ chân lông, cộng với việc những lớp tế bào chết liên tục tạo thành mỗi ngày che lấp làm da thêm xỉn màu và bị nhờn bóng.
In bài viết Bí quyết để sở hữu vẻ đẹp không son phấn
Chia sẻ Chẳng cần tốn thời gian hay tiền bạc để đổ vào make up, chị em phụ nữ hoàn toàn có thể trở nên xinh đẹp nhờ vào loạt bí kíp đơn giản sau.