Gọi ajax jquery php
Danh sách các bài viết trong chuyên mục PHP Ajax, đây là những bài viết mới nhất được cập nhật trong chuyên mục PHP Ajax Show Nội dung chính Hiển thị Ajax là một kỹ thuật thường được sử dụng trong các trang web ứng dụng 2. 0 bởi vì nó giúp các thao tác trên website trở nên nhanh và chuyên nghiệp hơn. Đối với một nhà phát triển PHP không sử dụng được kỹ thuật này, kết quả thật là bất lợi khi đi xin việc đấy Hồi trước khi học Ajax mình hay mơ hồ không biết bắt đầu từ đâu? . Nghĩ lại thấy mình hồi đó thật tệ Nhưng bây giờ thì khác, nhà nhà đều có mạng nên bạn sẽ dễ dàng hơn rất nhiều. Tuy tuts nhiều nhưng mình thấy các nguồn học PHP Ajax hiện nay tuy nhiều nhưng vẫn rời rạc, vì vậy mình tạo chuyên đề học Ajax này Giúp bạn khỏi mất công đi tìm nhiều nơi để giải quyết một vấn đề đơn giản Trọng tâm chủ yếu của chuyên đề này là đề cập đến cách sử dụng ajax và thư viện jquery khi thao tác với Ajax. Vì mỗi website sẽ có những chức năng khác nhau phụ thuộc vào yêu cầu của dự án nên mình không thể trình bày hết các ví dụ được đưa ra. Nhưng nếu bạn đã xem và hiểu hết tất cả các bài học ajax thì nó không còn khó đối với bạn nữa +PHP AJAX1Ajax là gì?Giới thiệuVà trong cặp thẻ “ Bước 1. Tải tệp “chỉ mục. html” mà chúng ta đã xây dựng bên trên Bước 2. Click vào nút “Load data” và chạy thử Như vậy, sau 2 bước trên chúng ta đã tải thành công dữ liệu từ “vidu1. html” rồi đấy. Và một câu hỏi đặt ra, đó chính là cách nào mà chúng ta có thể chỉ lấy chuỗi mà chúng ta cần sau khi tải dữ liệu vào hay không? . html” nhé
Bạn thấy gì trong ví dụ này? . Và nếu trong trường hợp này, tôi muốn lấy thẻ “ ” ngăn cách mỗi chuỗi đúng không nào. Và nếu trong trường hợp này, tôi muốn lấy ra thẻ “ ” có “ id ” là “chuoi-can-lay ”. Thì tôi sẽ chỉnh sửa lại một tí đoạn code trong “ ” của chúng ta như sau. $(document).ready(function() { $('#load-du-lieu').click(function(e) { e.preventDefault(); $('#noidung').load('vidu1.html #chuoi-can-lay'); }); }); Và sau đó các bạn chạy và tải lại dữ liệu thì chúng ta sẽ được như sau Thật bất ngờ không đúng nào? . html” thì chúng ta cần đặt “ id ” cho thẻ bao lấy dữ liệu mà chúng ta cần tách. Sau đó, thêm vào ĐẰNG SAU đường dẫn như cách chúng ta sử dụng jQuery để trỏ đến một thẻ trong HTML nào vậy. Nên là chúng ta đã hoàn tất quá trình tìm hiểu đã hoàn thành phương thức “ load() ” trong jQuery Ajax rồi đấy. Phương thức “get()” và “post()”Ở 2 phương thức này thì trong phương thức đó “ get() ” giống “ load . Tương tự “ ” về mặt kĩ thuật đó chính là dùng “method” là “GET” trong “ ”. Tương tự “post() ” sẽ tượng trưng cho “phương thức” là “POST” của “ ”. Cả 2 phương thức này đều cách viết tắt của phương thức “ajax()” mà chúng ta sẽ làm quen ở phần tới. Phương thức “get()”Vì có sự tương đồng giữa “ get() ” và “ load() ” nên chắc hẳn cách dùng cũng không có phần khác lạ so với các ví dụ ở trên, nhưng cần lưu ý một số cú pháp để tránh nhầm lẫn với “load() ”: $(document).ready(function() { $('#load-du-lieu').click(function(e) { e.preventDefault(); $.get('vidu1.html', function(ketqua) { $('#noidung').html(ketqua); $('#noidung').html($('#chuoi-can-lay').html()); }); }); }); Kết quả khi chạy ví dụ trên
Đỡ ra “ get() ” còn hỗ trợ bạn truyền dữ liệu sang tệp lấy dữ liệu, tuy nhiên cái này thuộc về sự . Phương Thức “post()”Trong phương thức này, cần có ít nhất một ngôn ngữ động ở phía hệ thống để nhận dữ liệu từ phương thức “ post() ” truyền qua. Vì thế, ở đây tôi sẽ dùng PHP để demo cho các bạn. Cách sử dụng của phương thức “ post() ” sẽ giống với “ get()< . ” nhưng khác về kĩ thuật truyền dữ liệu mà thôi. $(document).ready(function() { $('#load-du-lieu').click(function(e) { e.preventDefault(); $.post('vidu2.php', { emNguoiYeu: "Em Yêu Anh", anhNguoiYeu: "Anh không phải người dễ dãi nhé" },function(ketqua) { $('#noidung').html(ketqua); }); }); }); Content of file "vidu2. php" ' .print_r($_POST,true). ''; Kết quả ví dụ trên sau khi thực thi Ở trong ví dụ phương thức “ post() ” này, ở đối số thứ 2 thay vì là Hàm ẩn danh như trong ví dụ “ . php” để nhận và trả về dữ liệu. Kết quả trả về sẽ được đưa vào đối số thứ 3 cho chúng ta. get() ” mà chúng ta đã xem trước đó, thì đây là “một đối tượng” (Object) chứa những dữ liệu mà chúng ta cần truyền qua đường dẫn “vidu2.php” để nhận và trả về dữ liệu. Kết quả trả về sẽ được đưa vào đối số thứ 3 cho chúng ta. Như vậy chúng ta đã hoàn tất quá trình tìm hiểu “ get() ” và “ đăng . Quá dễ sai lầm nào? . Nên yêu cầu cách sử dụng nó cũng tương đối khó khăn hơn nhưng vẫn dễ rất nhiều hơn so với Javascript thuần túy. ” rồi. Quá dễ đúng không nào? Đến với phần tiếp theo chúng ta sẽ tìm hiểu đến phương thức “ajax() ” mạnh nhất trong thư viện jQuery. Nên đòi hỏi cách dùng nó cũng tương đối khó khăn hơn nhưng vẫn dễ rất nhiều hơn so Javascript thuần. Phương thức “ajax()”Cách sử dụng phương thức vẫn giống như cách gọi của các phương thức “ get() ” và “ post() ” nhưng chúng ta thay vì truyền đường dẫn trực tiếp vào phương thức thì phương thức “ajax() ” lại chấp nhận đối số đầu tiên chính là cấu hình cho kĩ thuật Ajax của chúng ta: $(document).ready(function() { $('#load-du-lieu').click(function(e) { e.preventDefault(); $.ajax({ url: 'vidu2.php', type: 'POST', dataType: 'html', data: { emNguoiYeu: "Em Yêu Anh", anhNguoiYeu: "Anh không phải người dễ dãi nhé" } }).done(function(ketqua) { $('#noidung').html(ketqua); }); }); }); Bạn đã thấy chứ? . in which. ajax() ” chính là một đối tượng (Object) gồm các thuộc tính cấu hình để kĩ thuật AJAX của chúng ta có thể thực thi. Trong đó:
Kết quả thực thi ví dụ trên Ví dụ hoàn toàn không khác trước ở phương thức “ post() ” không đúng? . Các bạn có thể xem thêm về tài liệu hướng dẫn của phương thức trên tại. http. //api. jquery. com/category/ajax ajax() ” còn hỗ trợ hàng tá các chức năng khác nhưng tôi không thể giới thiệu hết cho các bạn trong nội dung bài viết này được. Các bạn có thể xem thêm về tài liệu hướng dẫn của phương thức trên tại: http://api.jquery.com/category/ajax Các bạn có thể tải xuống toàn bộ mã nguồn của các ví dụ trên tại đây Trân trọng cảm ơn độc giả đã xem qua bài viết này, mong nhận được sự ủng hộ của các bạn tại các bài viết tới |