Ajax - nó là gì? Asynchronous JavaScript and XML: ưu và nhược điểm

Bây giờ bạn có thể xem trên mạng Internet trở nên phổ biến việc sử dụng và ứng dụng công nghệ mới. Một trong số đó - là AJAX. nó là gì? nó có những tính năng? Trong trường hợp để áp dụng? Tất cả những câu hỏi này sẽ được tìm thấy câu trả lời trong bài viết này.

thông tin chung

Làm thế nào đứng AJAX? có nghĩa là gì? Mức giảm này là một từ viết tắt. Nó là viết tắt của Asynchronous JavaScript and XML ( "Asynchronous Javascript và IKSML"). Thông thường bạn có thể nhìn thấy hoặc nghe thông tin rằng công nghệ mới này. Nhưng điều này là không đúng. Thực tế rằng Javascript và XML, đã có khá một thời gian dài, trong khi "Ajax" là một tổng hợp của các công nghệ này. Thông thường nó được sử dụng kết hợp với các Web hạn 2.0 và được hiểu là việc sử dụng các kỹ thuật thiết kế tiên tiến.

Và tính năng gì?

Vì vậy, chúng tôi đã có một ý tưởng chung của AJAX là gì. Gì nó mang lại cho chúng ta trong thực tế? Tại sao đang được tích cực nói về ứng dụng của nó? Các tính đặc thù của công nghệ này - là khi bạn sử dụng nó không cần phải làm mới toàn bộ trang tại nhu cầu đầu tiên. Sau khi tất cả, bạn có thể yêu cầu dữ liệu mới chỉ dành cho một phần của nó. Đây là thuận tiện (vì thời gian ít bạn phải đợi), và chi phí (dành cho những người không phải là internet không giới hạn). Tuy nhiên, để thông báo cho người dùng về những gì đang xảy ra nâng cấp là mong muốn sử dụng ít nhất một chỉ số tải hoặc tin nhắn văn bản thông báo cho về dữ liệu mới từ máy chủ. Khi công nghệ minuses thường được đề cập đến thực tế là nó không hỗ trợ trình duyệt cũ và văn bản. Và khả năng vô hiệu hóa công nghệ Javascript là ở người sử dụng hơn nhiều và rất thích. Vì vậy, bạn không nên lạm dụng AJAX. Mà nó có thể cung cấp cho, nếu không cung cấp phương pháp thay thế cung cấp thông tin? Trong trường hợp tốt nhất, thông tin chỉ sẽ không được hiển thị trên trang web. Trong tình huống xấu nhất - sự xuất hiện của nó là để bị ảnh hưởng mà người dùng không còn phải quay trở lại.

Ưu điểm của "Ajax"

Công nghệ này cung cấp hai phương pháp mà một trang web có thể được thực hiện. Là người đầu tiên liên quan đến việc thay đổi mà không cần khởi động lại. Điều này có thể được thực hiện với yêu cầu năng động đến máy chủ. Thứ hai liên quan đến việc sử dụng các công nghệ cụ thể, phổ biến nhất trong số đó là XMLHttpRequest. lợi thế tương đối riêng, "Ajax" có thể nói như sau:

1. Bạn có thể tạo một ứng dụng dựa trên web thuận tiện, trong đó giao diện sẽ có một số nguyên các tính năng thoải mái cho người sử dụng, với kết quả là tạo điều kiện cho sự tương tác của con người và trang web.
2. Thay vì một trang đầy đủ tải lại một phần. Điều này tiết kiệm nguồn lực và tối ưu hóa hiệu suất máy.
3. Phần máy chủ của trang web này là tích cực tương tác với người dùng.
4. Hữu ích cho việc thi hành một số ý tưởng.

giao tiếp

Ở đây, ví dụ, cần một mẫu phản hồi, có thể được sử dụng để tư vấn cho khách hàng. Làm thế nào nó có thể được thực hiện? Đầu tiên chúng ta cần phải chăm sóc các "vận chuyển" thông tin. Để làm điều này, bạn cần tạo một đối tượng XMLHttpRequest. Ông đóng vai trò như một trung gian giữa máy chủ và trình duyệt của người dùng. Với đối tượng này sẽ gửi yêu cầu và nhận câu trả lời cho họ. Để trao đổi dữ liệu trực tiếp, chúng ta cần AJAX PHP. Những công cụ này có thể được thực hiện sử dụng GET hoặc POST-truy vấn. Trong trường hợp này, các đối số cần thiết sẽ được chuyển trực tiếp thông qua URL. Đồng thời nó sẽ chạy chức năng, và đảm bảo rằng việc chuyển giao dữ liệu không bị gián đoạn. Nhưng làm thế nào để thực hiện yêu cầu AJAX? Khuyên bạn sử dụng POST. Nhờ có anh ấy, bạn có thể chuyển một số lượng không giới hạn của dữ liệu, trong đó, hơn nữa, là nhiều hơn nữa khó tiếp cận.

nguyên tắc hoạt động

Làm thế nào là Asynchronous Javascript và XML trong thực tế? Hãy hiểu điều này với một ví dụ. Xây dựng phương án cơ cấu bạn cần phải chắc chắn rằng phần khách hàng cung cấp tất cả các chức năng cần thiết cho việc trao đổi dữ liệu an toàn với. Nó sẽ cung cấp các phương pháp cần thiết để truyền thông tin được lựa chọn cách khác nhau. Phần máy chủ nên đảm bảo rằng việc xử lý các dữ liệu, và dựa vào chúng rồi, để tạo ra thông tin mới để sau đó vượt qua nó trên cho khách hàng. Loại phổ biến nhất của sự tương tác là làm việc với cơ sở dữ liệu. Chúng tôi đã đề cập ở trên là một phần tử của nhiều trang web kinh doanh như một hình thức phản hồi. Ưu điểm của việc "Ajax" trong trường hợp này là nó giữ truyền dữ liệu không đồng bộ. Nói cách khác, trong khi các thông tin được gửi đi, người dùng có thể thực hiện tất cả các hành động cần thiết cho anh ta. Tập trung vào các chi tiết cụ thể của từng trường hợp, bạn phải quyết định xem bạn muốn quá trình này để thông báo cho khách truy cập của trang web. So với các hình thức thông tin phản hồi tương tự cần phải nói rằng trong trường hợp này chúng ta có thể viết "hành quay câu trả lời", hoặc một cái gì đó tương tự.

phản ứng máy chủ

Ông có thể đến không chỉ đối với XML, như bạn có thể nghĩ rằng vì tên của công nghệ. Ngoài ra, nó có thể được truyền dưới dạng văn bản đơn giản hoặc JSON. Trong trường hợp đầu tiên các thông tin có thể được hiển thị ngay lập tức trên trang. Nếu sử dụng XML, bạn cần phải chăm sóc mà AJAX-file đã được xử lý đúng cách trong trình duyệt của khách hàng. Tất cả dữ liệu trong trường hợp này được chuyển thành (X) HTML. Khi sử dụng định dạng JSON, bạn cần phải thực hiện các mã để có được đầy đủ các đối tượng Javascript. Nó là cần thiết phải cẩn thận và đưa vào tài khoản thực tế là nhiều hacker muốn truyền mã độc hại bằng phương tiện của công nghệ này. Do đó, điều cần thiết để cung cấp cho quá trình xác minh dữ liệu trước khi chúng được xử lý. Đặc điểm của nhận thức cho các trình duyệt khác nhau có thể hơi khác nhau, nhưng nhìn chung, các hành động ở đây là một đề án.

Chúng tôi làm cho một yêu cầu đến máy chủ và xử lý phản ứng

Toàn bộ chuỗi các hành động như sau:

1. Ban đầu, bạn cần phải tạo ra và để đảm bảo rằng có XMLHttpRequest.
2. Sau đó khởi kết nối máy chủ.
3. Gửi yêu cầu đến nó.
4. Chúng tôi chờ đợi dữ liệu tới, và xử lý chúng.

Nó sẽ cho bạn biết về một số tính năng trên việc tạo ra các đối tượng. Nó có thể được khởi xướng vào bất kỳ nơi người ta có thể chỉ trong khuôn khổ của các ngôn ngữ lập trình. Nhưng nếu ông được tình trạng của một toàn cầu, trong bất kỳ một điểm nào đó trong thời gian cho nó để có thể làm việc với chỉ có một yêu cầu. Tại thời điểm này, bạn cần phải chú ý. Về xử lý - ở đây chúng tôi tập trung vào các công cụ chọn. Vì vậy, nếu các dữ liệu XML để được xử lý DOM chức năng và thể hiện người dùng có kết quả cuối cùng trong HTML. Và phải làm gì với JSON-đánh giá? Nên hiểu rằng đó là ký hiệu đối tượng javascript. có nghĩa là gì? Do JSON một đối tượng có thể được biểu diễn dưới dạng một chuỗi. Nhưng nó phải được nhớ rằng phương pháp này là không an toàn cho đầy đủ, và rất nhiều yếu tố cần được xem xét. Nhưng, nói chung, nó là rất dễ dàng.

ngôn ngữ lập trình server-side

Hầu như bất kỳ ứng dụng dựa trên web sử dụng chúng bằng cách này hay cách khác. Để truyền dữ liệu là PHP phổ biến nhất. Trên đó thường ghi tập tin cho các trang web, nơi không phải là tốc độ truyền tải dữ liệu quan trọng, và sự cân bằng giữa cô ưa thích và độ tin cậy. kỹ thuật truyền XMLHttpRequest thảo luận ở trên.

Cấu hình máy chủ

Những chương trình nào là cần thiết để hoạt động đầy đủ AJAX? Điều này không cho chúng ta? họ là để làm gì? Để có được câu trả lời cho những câu hỏi này, bạn nên làm quen với các danh sách sau:

1. HTML / XHTML. Họ là cần thiết cho các máy chủ để nhận ra bố cục trang.
2. CSS. Công cụ này là cần thiết để lựa chọn hình ảnh của thiết kế trang.
3. DOM. Nó là cần thiết để đảm bảo sự thay đổi năng động trên một trang như một phản ứng với hành động của người dùng.
4. XML. Là cần thiết để truyền dữ liệu giữa máy khách và máy chủ.
5. JavaScript. Chúng ta cần phải tạo ra một con trỏ "Ajax" và cung cấp tương tác.
6. XMLHttpRequest. Đối tượng mà qua đó truy vấn sẽ được chuyển tiếp đến máy chủ.

Sử dụng trang web

Vì vậy, bây giờ chúng tôi có cả những kiến thức và ý tưởng về cách thức AJAX lý thuyết. Gửi dữ liệu tại là chỉ đòi hỏi một sự thực tế nhất định. Chúng ta hãy nhìn nói chung, làm thế nào để tiếp cận việc thực hiện nhiệm vụ bằng cách sử dụng "Ajax". Vì vậy, chúng ta cần phải tạo ra một cơ sở dữ liệu trình điều khiển. Và họ sẽ khác với các thiết bị có thể hoạt động. Cần lưu ý rằng cơ sở dữ liệu ở trên là rất lớn, vì vậy tôi chỉ cần gửi nó cho khách hàng và nó đã cung cấp để thực hiện một lựa chọn sử dụng JavaScript không có ý nghĩa. Đó cũng là mong muốn sở hữu một trang web được nạp lại do một tham số duy nhất. Trên máy chủ yêu cầu sẽ xử lý kịch bản PHP đặc biệt. Cơ sở dữ liệu được thực hiện như một file XML.

về cơ sở dữ liệu

Nó là cần thiết để tìm ra cấu trúc của nó. Và những gì nếu các thông số được thông qua, đó là những đối tượng? Trong trường hợp này nó là cần thiết để cung cấp cho việc tạo ra một biến, nơi sẽ không có liên kết nó vào sự kiện cuộc gọi từ hàm. Để có thể truy cập nó từ bất cứ nơi nào nó là cần thiết để làm cho một mã số toàn cầu. Để thuận tiện, đó là mong muốn sử dụng một hệ thống quản lý cơ sở dữ liệu. Tất nhiên, điều này là không cần thiết. Nhưng vẫn cho phép việc sử dụng các cơ sở dữ liệu để làm việc thoải mái hơn và có hiệu quả với dữ liệu.

Chúng tôi đang làm việc trên động cơ hoạt động

Làm thế nào mà tất cả mọi thứ sẽ xảy ra? Vì vậy, có đến một sự kiện nào đó, mà sẽ gây ra một chức năng đặc biệt. Cô sẽ chuẩn bị một GET hoặc POST dữ liệu đó sẽ được gửi đi. Sau đó nó gọi hàm, mà sẽ làm đơn kháng cáo đến URL của kịch bản máy chủ. Nó là cần thiết để nói đến việc tạo ra các XMLHttpRequest đối tượng. Một tham chiếu đến nó nên được lưu trữ trong một biến. Sau khi dữ liệu đã được gửi đến máy chủ, bạn phải chờ một câu trả lời từ anh ấy. Để làm điều này, bạn có thể bật "nghe lén" để có được thông tin (nếu biết, sẽ đến và khi nào) hoặc để cung cấp một chức năng mà sẽ luôn luôn sẵn sàng để chấp nhận dữ liệu. Các phương án thứ nhất là ít đáng tin cậy trong trường hợp của một tình huống bất thường. Việc thực hiện thứ hai - tốn kém hơn về nguồn lực. Mặc dù, nếu nó được thực hiện chỉ liên quan đến một biến, nó không ảnh hưởng đến Internet nhanh. Nhưng nếu có hàng trăm và hàng ngàn, và họ sẽ có độ phân giải cao, - sau đó nó sẽ được một vấn đề khác. Do đó, nó là cần thiết để tìm kiếm một sự cân bằng giữa việc sử dụng các nguồn lực và hiệu quả có sẵn. Sau khi tất cả, nó nên được hiểu rằng không phải tất cả có bộ nhớ 16 GB. Điều này có thể thiết lập một thời gian chờ đợi nhất định sau đó thay thế các dữ liệu trước đó hoặc thông tin mà máy chủ không có sẵn tại thời điểm này.

Các tính năng

Khi sử dụng "Ajax" được tạo ra bởi giao diện cho trang hoặc ứng dụng, bạn cần phải chắc chắn rằng kết quả hoạt động tốt trên các hệ điều hành khác nhau, và trên các trình duyệt khác nhau. Trong trường hợp đầu tiên sẽ có thể cung cấp giả lập hỗ trợ vô giá. Trong trường hợp thứ hai nó sẽ là đủ chỉ để cài đặt nhiều chương trình và họ kiểm tra các chức năng của mã này. Nó cũng là cần thiết để cung cấp cho những hành động nhất định và trong trường hợp trình duyệt của người dùng sẽ được sử dụng hết hạn hoặc nó sẽ tắt các thiết lập cần thiết. Trong những trường hợp như vậy, cần thận trọng đối với sự rút lui của các văn bản trên trang, nêu rõ lý do tại sao các trang web xem trong trường hợp này là không thể. Vâng, bây giờ đại đa số người sử dụng công nghệ hiện đại, nhưng không hoàn toàn buông bỏ ý đến khả năng và thực tế là một vài phần trăm khách truy cập sẽ sử dụng một số phần mềm lỗi thời. Và trong quy mô kinh doanh nó có thể có những hậu quả đáng kể.

phần kết luận

Đó là nói đến một kết thúc logic của bài viết này. Nếu chúng ta nói về "Ajax" trên toàn bộ, công cụ này cho phép bạn tạo ra một trang web rất hấp dẫn và tính năng phong phú mà làm việc một cách nhanh chóng và với bố cục có thẩm quyền cung cấp cho người dùng của mình một niềm vui. Không có nghi ngờ rằng sẽ có thậm chí công nghệ tiên tiến hơn trong tương lai, nhưng bây giờ chúng tôi sẽ sử dụng những gì chúng ta có. Như cải thiện ngôn ngữ lập trình và kỹ thuật là hoàn toàn có thể, và điều này là một lựa chọn mà sẽ có sẵn, các phương pháp mà sẽ tạo ra thậm chí sản phẩm chất lượng cao hơn. Nhưng hãy rằng vì nó có thể, công việc cần thiết bây giờ mà là. Và tên này - "Ajax".