10 bí quyết trong lập trình Ajax

Giờ đây, khi nhắc đến Ajax, chắc hẳn bạn - những người yêu thích lập trình - không còn cảm thấy xa lạ như trước kia mà thậm chí còn hình dung ra sự giản đơn và thuận tiện biết bao khi ứng dụng nó. Nhưng, liệu bạn đã nắm vững những quy tắc then chốt, những “mẹo nhỏ” hữu ích khi lập trình với Ajax chưa nhỉ? Dù bạn đã rõ hay...trót quên, vẫn xin mời bạn tham khảo bài viết này như một cách ôn lại kiến thức trọng tâm đầy bổ ích! A. 10 lưu ý vàng...
Nội dung trích xuất từ tài liệu:
10 bí quyết trong lập trình Ajax 10 bí quyết trong lập trình Ajax Giờ đây, khi nhắc đến Ajax, chắc hẳn bạn - những người yêu thích lập trình - không còn cảm thấy xa lạ như trước kia mà thậm chí còn hình dung ra sự giản đơn và thuận tiện biết bao khi ứng dụng nó. Nhưng, liệu bạn đã nắm vững những quy tắc then chốt, những “mẹo nhỏ” hữu ích khi lập trình với Ajax chưa nhỉ? Dù bạn đã rõ hay...trót quên, vẫn xin mời bạn tham khảo bài viết này như một cách ôn lại kiến thức trọng tâm đầy bổ ích!A. 10 lưu ý vàng cần ghi nhớ1. Đánh dấu trang và quay lạiKhi tự bạn điều khiển những gì đang diễn ra trên website, sử dụng JavaScript để làm xuất hiệnhay biến mất các đối tượng trên trang hay thậm chí là sau khi toàn bộ trang được hiển thị hoàntoàn, bạn sẽ nhanh chóng nhận ra rằng, nút Quay lại (Back) của trình duyệt đã mất hoàn toàn tácdụng! Nút Quay lại này hoạt động bằng cách dùng đối tượng ‘history’ của trình duyệt, lưu lạidanh sách tất cả các trang đã được truy cập liên tiếp gần đây nhất. Nhưng, nếu bạn không mở bấtkỳ trang mới nào (vâng, như bạn biết, Ajax không cần phải refresh trang khi cần hiển thị thôngtin), thì đối tượng ‘history’ kia rõ ràng chẳng lưu được chút manh mối gì. Đây là điều bạn cầnlưu ý khi viết các ứng dụng Ajax.Và nếu như cần thiết, hãy trang bị cho site của bạn một nút Back của riêng mình. Người dùng cóthể muốn quay lại cửa sổ trước đó và bạn có nhiệm vụ phải lưu giữ những thông tin di chuyểnnày. Thật đáng tiếc là ngay cả tiện ích đánh dấu trang (Bookmark) cũng trở nên vô dụng như thế!Đáp án cụ thể cho bài toán này ra sao, xin được dành câu trả lời cho bạn nghiên cứu.2. Đưa ra thông báo trực quanPhần lớn thời gian của mình, Ajax hoạt động một cách “thầm lặng” và điều này đôi khi “làmkhó” người dùng. Nếu bạn tải về một lượng lớn thông tin và đang chờ đợi phản hồi từ phía máychủ, chắc chắn một hình ảnh “nhấp nháy” nào đấy sẽ vô cùng có ích với người dùng. Một chiếcđồng hồ cát xoay tròn, và khách hàng sẽ biết rằng họ cần kiên nhẫn! Bức hình này nên là dạngảnh động (.gif), đồng thời phối hợp với đoạn mã JavaScript dưới đây, hiệu ứng “ẩn, hiện” sẽcàng thêm phần thú vị:document.getElementById(“image1”).style.visibility= “visible”;document.getElementById(“image1”).style.visibility= “hidden”;Rõ ràng rằng, người dùng luôn muốn thấy một tín hiệu nào đấy báo cho họ biết rằng kết nối đangđược thực hiện, dạng như thanh tiến trình màu xanh với các gạch nối càng lúc càng đầy cũng làmột ý tưởng không tồi, và chắc chắn họ sẽ hài lòng với site của bạn!3. Hãy để người dùng tự nhiênCác ứng dụng Ajax dường như đang tự mình thi hành “phận sự” bởi chúng được thực thi phíasau giao diện người dùng. Chúng luôn sẵn sàng kết nối tới server, ngay cả khi người dùng khônghề mong muốn – trong trường hợp họ vô tình gõ nhầm thông tin chẳng hạn. Rất dễ hình dungcảm giác lúc đó của bạn ra sao, khi ngay lúc bạn vừa gõ một chữ nào đấy, lập tức thông tin nàyđã được lưu lại database mà chẳng hề “xin phép” lấy một lời. Vậy nên, để tốt nhất, bạn hãy lưu ýmột số điều nhỏ sau:- Đừng bao giờ lưu thông tin ngay lập tức, vừa tốn băng thông mà chưa chắc đã được sự đồng ýcủa người dùng.- Hãy nhớ rằng, người dùng luôn muốn “giao tiếp” nhiều hơn với ứng dụng. Hãy làm các thủ tụcxác thực dữ liệu ngắn gọn hơn, đỡ mất thời gian hơn và cho người dùng quyền quyết định khinào thì cần xác thực. Đấy chính là yếu tố tiên quyết trong quá trình thiết kế giao diện ngườidùng!- Cuối cùng, đừng quên cung cấp cho người dùng cách thức “sửa sai” thao tác (Undo).4. Ghi nhớ các trình duyệtThế giới thật rộng lớn và cũng có rất nhiều trình duyệt! Người dùng sử dụng trình duyệt họ yêuthích, còn bạn, sẽ ra sao khi chỉ kiểm tra ứng dụng của mình trên một loại trình duyệt mà thôi?Sẽ thật tệ nếu bạn chỉ viết riêng cho Internet Explorer, Firefox mà quên mất rằng, trong thế giớiWorld Wide Web, có vô vàn trình duyệt khác nhau, có loại thậm chí còn không hỗ trợJavaScript, loại khác lại mặc định tắt chúng đi! Hãy ghi nhớ điều này và xây dựng trước mộtphương án dự phòng không bao giờ là thừa cả.5. Cho người dùng thấy sự thay đổiSức mạnh của Ajax chính là việc hiển thị dữ liệu trên một trang không cần refresh bằng cáchdùng thẻ, , hay ngay cả các đối tượng thuần HTML như textbox chẳng hạn. ứng dụng Ajax có thể thayđổi dữ liệu ngay sau khi chúng thông báo tới server, nhưng lại không thông báo với người dùng.Lấy ví dụ, bạn có một bảng dữ liệu và mặc định rằng sẽ được tự động cập nhật ngay khi databasecó thay đổi. Người dùng có thể không nhận thấy rằng thông tin đã không còn như trước, rằng bạnđã thay đổi thành phần trang, và đương nhiên là họ đã hụt mất những thông tin quan trọng. Lạimột lần nữ ...