Ajax - Apa itu? Asynchronous JavaScript dan XML: keuntungan dan kerugian

Sekarang Anda dapat menonton di internet mendapatkan popularitas penggunaan dan penerapan teknologi baru. Salah satunya - adalah AJAX. Apa itu? Fitur apa yang dimilikinya? Dimana untuk menerapkan? Semua pertanyaan ini akan menemukan jawabannya di artikel ini.

informasi umum

Bagaimana berdiri AJAX? Apa artinya? Penurunan ini merupakan singkatan. Ini adalah singkatan dari Asynchronous JavaScript dan XML ( "Asynchronous JavaScript dan IKSML"). Sering kali Anda dapat melihat atau mendengar informasi bahwa teknologi baru ini. Tapi ini tidak benar. Fakta bahwa Javascript dan XML, sudah ada cukup lama, sedangkan "Ajax" adalah sintesis dari teknologi tersebut. Paling sering digunakan dalam hubungannya dengan istilah Web 2.0 dan dipahami sebagai penggunaan teknik desain canggih.

Dan fitur apa?

Jadi, kita sudah memiliki gambaran umum tentang apa yang AJAX. Apa yang memberi kita dalam praktek? Mengapa menjadi aktif berbicara tentang penerapannya? Keunikan dari teknologi ini - adalah bahwa ketika Anda menggunakannya tidak perlu me-refresh seluruh halaman pada permintaan pertama. Setelah semua, Anda dapat meminta data baru hanya untuk bagian dari itu. Ini nyaman (karena sedikit waktu Anda harus menunggu), dan biaya (bagi mereka yang tidak internet unlimited). Namun, untuk menginformasikan pengguna tentang apa yang terjadi upgrade diinginkan untuk menggunakan setidaknya indikator beban atau teks pesan yang menginformasikan tentang data baru dari server. Sebagai teknologi minus sering disebut fakta bahwa tidak mendukung warisan dan teks browser. Dan kemampuan untuk menonaktifkan teknologi Javascript pada pengguna daripada banyak dan menikmati. Oleh karena itu, Anda tidak harus penyalahgunaan AJAX. Yang dapat memberikan, jika tidak memberikan metode alternatif untuk memberikan informasi? Dalam kasus terbaik, informasi hanya tidak akan ditampilkan di situs. Di terburuk - penampilan begitu terpengaruh bahwa pengguna tidak lagi harus kembali.

Keuntungan dari "Ajax"

Teknologi ini menawarkan dua metode yang halaman web dapat direalisasikan. Yang pertama melibatkan membuat perubahan tanpa reboot. Hal ini dapat dicapai dengan permintaan dinamis untuk server. Yang kedua melibatkan penggunaan teknologi tertentu, yang paling populer dari yang XMLHttpRequest tersebut. keuntungan relatif sendiri, "Ajax" bisa berkata sebagai berikut:

1. Anda dapat membuat aplikasi berbasis web yang nyaman, yang antarmuka akan memiliki sejumlah seluruh fitur bagus untuk pengguna, dengan hasil yang memfasilitasi interaksi manusia dan website.
2. Alih-alih satu halaman penuh reload parsial. Hal ini menghemat sumber daya dan mengoptimalkan kinerja mesin.
3. Server bagian dari situs ini secara aktif berinteraksi dengan pengguna.
4. Berguna untuk pelaksanaan sejumlah ide.

berkomunikasi

Di sini, misalnya, memerlukan formulir umpan balik, yang dapat digunakan untuk memberitahu pelanggan. Bagaimana hal itu bisa dilakukan? Pertama kita perlu mengurus "pembawa" informasi. Untuk melakukan ini, Anda perlu membuat sebuah objek XMLHttpRequest. Dia bertindak sebagai perantara antara server dan browser pengguna. Dengan objek ini akan mengirim permintaan dan menerima jawaban mereka. Untuk pertukaran data langsung, kita perlu AJAX PHP. Alat-alat ini dapat diimplementasikan dengan menggunakan get atau POST-query. Dalam hal ini, argumen yang diperlukan akan diteruskan langsung melalui URL. Pada saat yang sama akan menjalankan fungsi tersebut, dan untuk memastikan bahwa transfer data tidak terganggu. Tapi bagaimana menerapkan AJAX-permintaan? Merekomendasikan menggunakan POST. Berkat dia, Anda dapat mentransfer jumlah tak terbatas data, yang, apalagi, jauh lebih sulit diakses.

Prinsip operasi

Bagaimana adalah Asynchronous Javascript dan XML dalam praktek? Mari kita memahami hal ini dengan sebuah contoh. Dibangun sehubungan dengan struktur Anda perlu memastikan bahwa bagian klien menyediakan semua fungsi yang diperlukan untuk pertukaran data yang aman. Ini harus menyediakan metode yang diperlukan untuk transmisi cara informasi yang dipilih. Bagian server harus memastikan bahwa pengolahan data, dan, berdasarkan pada mereka yang sudah, untuk menghasilkan informasi baru untuk kemudian menyebarkannya ke pelanggan. Jenis yang paling umum dari interaksi adalah untuk bekerja dengan database. Kami telah disebutkan sebelumnya adalah elemen dari banyak situs bisnis sebagai bentuk umpan balik. Keuntungan dari "Ajax" dalam hal ini adalah bahwa itu memegang transfer data asynchronous. Dengan kata lain, sedangkan informasi tersebut dikirim, pengguna dapat melakukan semua tindakan yang diperlukan kepadanya. Berfokus pada spesifikasi masing-masing kasus, Anda harus memutuskan apakah Anda ingin proses ini untuk menginformasikan pengunjung situs. Sehubungan dengan formulir umpan balik yang sama harus dikatakan bahwa dalam hal ini kita dapat menulis "operator memanggil jawaban", atau sesuatu yang serupa.

respon server

Dia bisa datang tidak hanya untuk XML, seperti yang Anda mungkin berpikir karena nama teknologi. Selain itu, dapat ditularkan sebagai teks biasa atau JSON. Dalam kasus pertama informasi dapat segera ditampilkan pada halaman. Jika menggunakan XML, Anda perlu berhati-hati itu AJAX-file yang telah diolah dengan baik di browser klien. Semua data dalam hal ini diubah menjadi (X) HTML. Bila menggunakan format JSON, Anda perlu melakukan kode untuk mendapatkan objek penuh Javascript. Hal ini diperlukan untuk berhati-hati dan memperhitungkan fakta bahwa banyak hacker ingin mengirimkan kode berbahaya melalui teknologi ini. Oleh karena itu perlu untuk menyediakan proses verifikasi data sebelum mereka diproses. Fitur realisasi untuk browser yang berbeda mungkin sedikit berbeda, tetapi secara umum, aksi sini adalah salah satu skema.

Kami membuat permintaan ke server dan pengolahan respon

Seluruh urutan tindakan adalah sebagai berikut:

1. Awalnya, Anda perlu membuat dan memastikan bahwa ada XMLHttpRequest.
2. Kemudian menginisialisasi koneksi server.
3. Mengirim permintaan untuk itu.
4. Kami menunggu data untuk datang, dan mengolahnya.

Ini harus memberitahu Anda tentang beberapa fitur pada penciptaan objek. Hal ini dapat dimulai di setiap tempat di mana ia hanya mungkin dalam kerangka bahasa pemrograman. Tetapi jika ia diberi status global, dalam satu titik waktu untuk itu menjadi mungkin untuk bekerja dengan hanya satu permintaan. Pada titik ini, Anda perlu memperhatikan. Mengenai pengobatan - di sini kita fokus pada instrumen yang dipilih. Jadi, jika data XML untuk diproses DOM-fungsi dan menyajikan pengguna memiliki hasil akhir dalam HTML. Dan apa yang harus dilakukan dengan JSON-dinilai? Ini harus dipahami bahwa itu adalah notasi objek Javascript. Apa artinya? Karena JSON obyek dapat direpresentasikan sebagai string. Tapi harus diingat bahwa metode ini tidak aman untuk penuh, dan banyak faktor yang perlu dipertimbangkan. Tapi, secara umum, sangat mudah.

bahasa pemrograman server-side

Hampir semua aplikasi berbasis web menggunakan mereka dalam satu atau lain cara. Untuk transmisi data adalah PHP paling populer. Pada biasanya menulis file untuk situs, di mana tidak kecepatan transmisi data penting, dan keseimbangan disukai antara dia dan kehandalan. teknik transmisi XMLHttpRequest dibahas di atas.

Konfigurasi Server

Program apa saja yang diperlukan untuk sepenuhnya beroperasi AJAX? Apa ini memberi kita? Apa yang mereka untuk? Untuk mendapatkan jawaban atas pertanyaan-pertanyaan ini, Anda harus membiasakan diri dengan daftar berikut:

1. HTML / XHTML. Mereka dibutuhkan untuk server untuk mengenali tata letak halaman.
2. CSS. Alat ini diperlukan untuk seleksi visual desain halaman.
3. DOM. Hal ini diperlukan untuk memastikan perubahan dinamis pada halaman sebagai respon terhadap tindakan oleh pengguna.
4. XML. Diperlukan untuk transfer data antara klien dan server.
5. JavaScript. Kita perlu membuat kursor "Ajax" dan memberikan interaktivitas.
6. XMLHttpRequest. Objek melalui mana permintaan akan diteruskan ke server.

Menggunakan situs ini

Jadi sekarang kita memiliki kedua pengetahuan dan ide-ide tentang bagaimana AJAX teoritis. Mengirim data sekarang hanya membutuhkan latihan tertentu. Mari kita lihat secara umum, bagaimana mendekati pelaksanaan tugas menggunakan "Ajax". Jadi, kita perlu membuat database driver. Dan mereka akan berbeda perangkat yang dapat dioperasikan. Perlu dicatat bahwa database di atas sangat besar, jadi aku hanya mengirimkannya ke klien dan ditawarkan untuk membuat pilihan menggunakan JavaScript tidak masuk akal. Hal ini juga diinginkan untuk memiliki sebuah halaman web reloaded karena parameter tunggal. Di server permintaan akan menangani script PHP khusus. database diimplementasikan sebagai file XML.

tentang database

Hal ini diperlukan untuk bekerja di luar struktur. Dan bagaimana jika parameter yang dikirimkan, yang merupakan benda? Dalam kasus seperti itu perlu untuk memberikan untuk penciptaan variabel, di mana tidak akan ada hubungan ke acara panggilan dari fungsi. Untuk dapat mengaksesnya dari mana saja perlu membuat kode global. Untuk kenyamanan, itu diinginkan untuk menggunakan sistem manajemen database. Tentu saja, ini tidak diperlukan. Tapi masih memungkinkan penggunaan database untuk bekerja lebih nyaman dan efektif dengan data.

Kami sedang bekerja pada operasi mesin

Bagaimana segala sesuatu akan terjadi? Jadi, ada datang suatu peristiwa tertentu, yang akan menyebabkan fungsi khusus. Dia akan menyiapkan GET atau POST-data yang akan dikirim. Ini kemudian memanggil fungsi, yang akan melakukan banding ke URL dari server script. Hal ini diperlukan untuk membayangkan penciptaan XMLHttpRequest-objek. Sebuah referensi untuk itu harus disimpan dalam variabel. Setelah data telah dikirim ke server, Anda harus menunggu respons darinya. Untuk melakukan ini, Anda dapat mengaktifkan "penyadapan" untuk memperoleh informasi (jika diketahui, akan datang dan kapan) atau untuk memberikan fungsi yang akan selalu siap untuk menerima data. Perwujudan pertama adalah kurang dapat diandalkan dalam kasus situasi yang luar biasa. Yang kedua realisasi - lebih mahal dalam hal sumber daya. Meskipun, jika hal itu dilakukan hanya terhadap satu variabel, itu tidak mempengaruhi Internet yang cepat. Tapi jika ada ratusan dan ribuan, dan mereka akan memiliki resolusi tinggi, - maka akan masalah lain. Oleh karena itu perlu untuk mencari keseimbangan antara penggunaan sumber daya yang tersedia dan efektivitas. Setelah semua, harus dipahami bahwa tidak semua memiliki memori 16 GB. Ini dapat menetapkan waktu tunggu tertentu setelah diganti data sebelumnya atau informasi bahwa server tidak tersedia saat ini.

fitur

Bila menggunakan "Ajax" diciptakan oleh antarmuka untuk halaman atau aplikasi, Anda perlu memastikan bahwa hasilnya bekerja dengan baik pada sistem operasi yang berbeda, dan pada browser yang berbeda. Dalam kasus pertama akan dapat memberikan emulator bantuan yang tak ternilai. Dalam kasus kedua itu akan cukup hanya untuk menginstal berbagai program dan mereka menguji fungsi dari kode. Hal ini juga diperlukan untuk menyediakan tindakan tertentu dan, dalam kasus browser pengguna akan digunakan dari tanggal atau itu akan mematikan pengaturan yang diperlukan. Dalam kasus tersebut, perawatan harus dilakukan untuk penarikan teks pada halaman, yang menyatakan alasan mengapa situs melihat dalam hal ini tidak mungkin. Ya, sekarang sebagian besar orang menggunakan teknologi modern, tetapi tidak sepenuhnya melepaskan perhatian pada probabilitas dan fakta bahwa beberapa persen dari pengunjung akan menggunakan beberapa perangkat lunak usang. Dan dalam skala bisnis dapat memiliki konsekuensi yang signifikan.

kesimpulan

Yang datang ke akhir logis dari artikel ini. Jika kita berbicara tentang "Ajax" secara keseluruhan, alat ini memungkinkan Anda untuk membuat website yang sangat menarik dan kaya fitur yang bekerja dengan cepat dan dengan tata letak yang kompeten memberikan para penggunanya kesenangan. Tidak ada keraguan bahwa akan ada bahkan teknologi yang lebih maju di masa depan, tetapi untuk sekarang kita akan menggunakan apa yang kita miliki. Sebagai peningkatan bahasa pemrograman dan teknik sangat mungkin, dan ini adalah pilihan yang akan tersedia, metode yang akan menciptakan lebih banyak produk berkualitas tinggi. Tapi hati bahwa mungkin, pekerjaan yang diperlukan sekarang adalah. Dan nama ini - "Ajax".