MỘT SỐ CHUYÊN ĐỀ LẬP TRÌNH WEB VỚI PHP và CSDL

CHƯƠNG 5: MỘT SỐ CHUYÊN ĐỀ LẬP TRÌNH WEB VỚI PHP CSDL Ajax File Upload PHP Mailer Paging MVC 18/09/2022 Lập trình Web LẬP TRÌNH AJAX-PHP 18/09/2022 Lập trình Web 5.1 Ajax 5.1.1 Một số Khái niệm JavaScript gì? JavaScript là ngơn ngữ lập trình phổ biến số ngơn ngữ lập trình web:  HTML: Giúp bạn thêm nội dung cho trang web  CSS: Định dạng thiết kế, bố cục, phong cách, canh lề trang web  JavaScript: Cải thiện cách hoạt động trang web     alert("Hello World!");  Hoặc 18/09/2022 Lập trình Web 5.1 Ajax 5.1.1 Một số Khái niệm jQuery gì? jQuery thư viện xây dựng từ Javascript nhằm giúp lập trình viên xây dựng chức có sử dụng Javascript trở nên dễ dàng jQuery sử dụng đến 99% tổng số website giới (trừ website sử dụng JS Framework) 18/09/2022 Lập trình Web 5.1 Ajax 5.1.1 Một số Khái niệm XML gì? XML (eXtensible Markup Language): Ngơn ngữ Đánh dấu Mở rộng") là ngơn ngữ đánh dấu với mục đích chung do W3C đề nghị, để tạo ngôn ngữ đánh dấu khác Đây tập đơn giản của SGML, có khả mơ tả nhiều loại dữ liệu khác Mục đích XML đơn giản hóa việc chia sẻ liệu hệ thống khác nhau, đặc biệt hệ thống kết nối với Internet.  Ví dụ bạn xây dựng ứng dụng C# ứng dụng PHP hai ngơn ngữ khơng thể hiểu nhau, ta sử dụng XML để trao đổi liệu 18/09/2022 Lập trình Web 5.1 Ajax 5.1.1 Một số Khái niệm XML gì? 18/09/2022 Lập trình Web 5.1 Ajax 5.1.2 Ajax AJAX thuật ngữ viết tắt Asynchronous Javascript and XML ( JS XML không đồng bộ) AJAX đọc “trao quyền cho javascript” thông qua js để cung cấp công nghệ phía client-script để gọi ngầm lệnh background để phía server thực nhận thông tin trả về, update thông tin trang nhanh mà không cần phải load lại trang, thời gian load lại khơng cần update 18/09/2022 Lập trình Web 5.1 Ajax 5.1.2 Ajax Ví dụ: Để kiểm tra nickname tồn sở liệu hay chưa thành viên vừa nhập xong nick name, thông tin form javascript nắm thông tin thực gọi hàm PHP bên phía server để kiểm tra thơng tin sau trả kết html cho javascript xuất cho người dùng biết tính hợp lệ nickname, lúc ngươid ùng thay đổi không cần đợi submit kiểm tra nhập lại dùng PHP truyền thống 18/09/2022 Lập trình Web 5.1 Ajax 5.1.2 AJAX hoạt động nào? AJAX dùng công nghệ nhất, khơng phải ngơn ngữ lập trình AJAX kỹ thuật phát triển web Bộ hệ thống bao gồm:  HTML/XHTML làm ngơn ngữ CSS để tạo styles  The Document Object Model (DOM) để hiển thị liệu động tạo tương tác  XML để trao đổi dự liệu nội XSLT để xử lý Nhiều lập trình viên thay bằng JSON vì gần với JavaScript  XMLHttpRequest object để giao tiếp bất đồng  Cuối cùng, JavaScript làm ngôn ngữ lập trình để kết nối tồn cơng nghệ lại 18/09/2022 Lập trình Web 5.1 Ajax 5.1.2 AJAX hoạt động nào?  Quy trình AJAX Mơ hình thơng thường HTTP gửi từ trình duyệt lên máy chủ Máy chủ nhận, sau phản truy xuất thơng tin 3.Server gửi liệu yêu cầu lại cho trình duyệt 4.Trình duyệt nhận liệu tải lại trang để hiển thị liệu lên Người dùng phải đợi kết thúc trình, điều gây tốn thời gian làm tăng tải lượng lên server 18/09/2022 Mơ hình AJAX 1.Trình duyệt tạo lệnh gọi JavaScript để kích hoạt XMLHttpRequest 2.Ở nền, trình duyệt tạo yêu cầu HTTP gửi lên server 3.Server tiếp nhận, truy xuất gửi lại liệu cho trình duyệt 4.Trình duyệt nhận liệu từ server hiển thị lên trang Không cần tải lại tồn trang Lập trình Web 10 5.3 Kỹ thuật Ajax jQuery 5.3.2 Các phương thức jQuery Ajax Ví dụ 2: Tạo trang post.html 18/09/2022 Lập trình Web 36 5.3 Kỹ thuật Ajax jQuery 5.3.2 Các phương thức jQuery Ajax Ví dụ 3: Tạo trang vidu2.html 18/09/2022 Lập trình Web 37 5.3 Kỹ thuật Ajax jQuery 5.3.2 Các phương thức jQuery Ajax Phương thức Get () Là phương pháp lấy liệu từ server phương thức HTTP GET  Tương tự phương thức Post Cú pháp:  $.get(URL,data,function(data,status,xhr),dataType) 18/09/2022 Lập trình Web 38 5.3 Kỹ thuật Ajax jQuery 5.3.2 Các phương thức jQuery Ajax Ví dụ tạo trang get.html Tạo trang vidu4.html 18/09/2022 Lập trình Web 39 5.3 Kỹ thuật Ajax jQuery 5.3.Các phương thức jQuery Ajax Phương thức “ajax()”  Cách sử dụng phương thức giống cách gọi phương thức “get() ” “post() ” thay truyền đường dẫn trực tiếp vào phương thức phương thức “ajax() ” lại chấp nhận đối số cấu hình cho kĩ thuật Ajax Cả phương thức get post cách viết tắt phương thức “ajax()”  18/09/2022 Lập trình Web 40 5.3 Kỹ thuật Ajax jQuery 5.3.Các phương thức jQuery Ajax Ví dụ tạo trang ajax.html 18/09/2022 Lập trình Web 41 5.4 Lập trình Ajax với ngơn ngữ PHP Ngơn ngữ lập trình PHP sở liệu MySQL kết hợp hoàn hảo cho những ứng dụng web động, kết hợp PHP Ajax cung cấp thêm tảng mạnh để tạo trang web ứng dụng dựa web với tính vững mạnh, tiện dụng ứng dụng Desktop Sử dụng Ajax để tạo cập nhật cho trang web làm tồn trang 18/09/2022 Lập trình Web 42 5.4 Lập trình Ajax với ngơn ngữ PHP Tạo cá thể đối tượng XMLHttpRequest cần có gửi yếu cầu đến server Web server xác định yêu cầu gửi PHP xử lý Lưu trữ truy xuất liệu từ database thông qua PHP Trả kết theo yêu cầu cho server JS thực phản hồi không đồng bộ(nội dung cập nhật khu vực trang yêu cầu) 18/09/2022 Lập trình Web 43 5.4 Lập trình Ajax với ngôn ngữ PHP 5.4.2 Xây dựng ứng dụng Ví dụ Tạo giao diện 18/09/2022 Lập trình Web 44 5.4 Lập trình Ajax với ngơn ngữ PHP 5.4.2 Xây dựng ứng dụng Ví dụ trang ajaxsubmit.php 18/09/2022 Lập trình Web 45 5.4 Lập trình Ajax với ngơn ngữ PHP 5.4.2 Xây dựng ứng dụng Ví dụ tạo trang js điểm kiểm tra liệu 18/09/2022 Lập trình Web 46 5.4 Lập trình Ajax với ngơn ngữ PHP 5.4.2 Xây dựng ứng dụng Ví dụ Tạo danh sách chọn theo lớp 18/09/2022 Lập trình Web 47 5.4 Lập trình Ajax với ngơn ngữ PHP 5.4.2 Xây dựng ứng dụng Ví dụ Tạo danh sách chọn theo lớp 18/09/2022 Lập trình Web 48 5.4 Lập trình Ajax với ngơn ngữ PHP 5.4.2 Xây dựng ứng dụng Ví dụ Lấy danh sách từ nhiều bảng liệu 18/09/2022 Lập trình Web 49 5.4 Lập trình Ajax với ngơn ngữ PHP 5.4.2 Xây dựng ứng dụng Ví dụ Phân trang 18/09/2022 Lập trình Web 50