Ajax - Apa itu? Asynchronous JavaScript dan XML: kebaikan dan keburukan

Kini anda boleh menonton di internet semakin popular penggunaan dan aplikasi teknologi baru. Salah seorang daripada mereka - adalah AJAX. Apa yang ia? Apakah ciri yang ia mempunyai? Di mana untuk memohon? Semua soalan-soalan ini akan ditemui jawapan dalam artikel ini.

maklumat umum

Bagaimana berdiri AJAX? Apa maknanya? Pengurangan ini adalah sapaan. Ia bermaksud Asynchronous Javascript dan XML ( "Asynchronous Javascript dan IKSML"). Selalunya anda boleh melihat atau mendengar maklumat bahawa teknologi baru ini. Tetapi ini adalah tidak benar. Hakikat bahawa Javascript dan XML, sudah agak lama, manakala "Ajax" adalah sintesis teknologi ini. Selalunya ia digunakan bersama dengan istilah Web 2.0 dan difahami sebagai penggunaan teknik reka bentuk canggih.

Dan apa ciri?

Jadi, kita sudah mempunyai idea umum apa yang AJAX. Apa yang ia memberi kami dalam amalan? Mengapa sedang aktif bercakap tentang pemakaiannya? The keanehan teknologi ini - adalah bahawa apabila anda menggunakannya tidak perlu memuat semula halaman keseluruhan pada permintaan pertama. Lagipun, anda boleh meminta data baru hanya untuk sebahagian daripadanya. Ini adalah mudah (kerana masa yang kurang anda perlu menunggu), dan kos (bagi mereka yang tidak adalah internet tanpa had). Walau bagaimanapun, untuk memaklumkan pengguna mengenai apa yang berlaku upgrade adalah wajar untuk menggunakan sekurang-kurangnya satu petunjuk beban atau teks mesej yang memaklumkan mengenai data baru dari pelayan. Teknologi kemudaratan sering dirujuk kepada fakta bahawa ia tidak menyokong warisan dan teks pelayar. Dan keupayaan untuk melumpuhkan teknologi Javascript pada pengguna daripada banyak dan dinikmati. Oleh itu, anda tidak harus menyalahgunakan AJAX. Bahawa ia boleh memberi, jika tidak menyediakan kaedah alternatif untuk menyediakan maklumat? Dalam kes ini, maklumat yang hanya tidak akan dipaparkan pada laman web ini. Pada yang paling teruk - rupanya begitu terjejas bahawa pengguna tidak lagi mempunyai untuk kembali.

Kelebihan "Ajax"

Teknologi ini menawarkan dua kaedah yang mana halaman web dapat direalisasikan. Yang pertama melibatkan membuat perubahan tanpa booting. Ini boleh dicapai dengan permintaan dinamik ke pelayan. Kedua melibatkan penggunaan teknologi tertentu, yang paling popular yang adalah XMLHttpRequest itu. kelebihan yang agak sendiri, "Ajax" boleh mengatakan yang berikut:

1. Anda boleh membuat aplikasi berasaskan web mudah, antara muka yang akan mempunyai sejumlah besar ciri-ciri yang baik untuk pengguna, dengan keputusan yang memudahkan interaksi manusia dan laman web.
2. Daripada halaman yang penuh menambah nilai sebahagian. Ini menjimatkan sumber dan mengoptimumkan prestasi mesin.
3. Pelayan sebahagian daripada laman web ini adalah secara aktif berinteraksi dengan pengguna.
4. Berguna bagi pelaksanaan beberapa idea.

berkomunikasi

Di sini, sebagai contoh, perlu satu bentuk maklum balas, yang boleh digunakan untuk menasihati pelanggan. Bagaimana ia boleh dilakukan? Mula-mula kita perlu menjaga daripada "pembawa" maklumat. Untuk melakukan ini, anda perlu membuat objek XMLHttpRequest. Beliau bertindak sebagai perantara antara pelayan dan pelayar pengguna. Dengan objek ini akan menghantar permintaan dan menerima jawapan kepada mereka. Untuk pertukaran data langsung, kita perlu AJAX PHP. Alat ini boleh dilaksanakan menggunakan GET- atau POST-pertanyaan. Dalam kes ini, hujah-hujah yang diperlukan akan diluluskan terus melalui URL. Pada masa yang sama ia akan berjalan majlis itu, dan untuk memastikan bahawa pemindahan data tidak terganggu. Tetapi bagaimana untuk melaksanakan AJAX-permintaan? Mengesyorkan menggunakan POST. Terima kasih kepada beliau, anda boleh memindahkan tanpa had data, yang, lebih-lebih lagi, adalah lebih sukar untuk mengakses.

prinsip operasi

Bagaimanakah Asynchronous Javascript dan XML dalam amalan? Mari kita memahami ini dengan contoh. Dibina berkenaan dengan struktur yang anda perlukan untuk memastikan bahawa bahagian pelanggan menyediakan semua fungsi yang diperlukan untuk pertukaran data yang selamat. Ia perlu menyediakan kaedah yang diperlukan untuk menghantar maklumat yang dipilih kali. Bahagian server perlu memastikan bahawa pemprosesan data, dan, berdasarkan mereka sudah, untuk menjana maklumat baru untuk kemudiannya menyebarkannya kepada pelanggan. Jenis yang paling biasa interaksi adalah untuk bekerja dengan pangkalan data. Kami dinyatakan sebelum ini adalah satu elemen banyak laman web perniagaan sebagai satu bentuk maklum balas. Kelebihan "Ajax" dalam kes ini adalah bahawa ia memegang pemindahan data tak segerak. Dalam erti kata lain, manakala maklumat yang dihantar, pengguna boleh melaksanakan segala tindakan yang perlu untuk dia. Memberi tumpuan kepada khusus setiap kes, anda perlu membuat keputusan sama ada anda mahu proses ini untuk memaklumkan kepada pengunjung laman web ini. Berbanding dengan borang maklum balas yang sama harus berkata bahawa dalam kes ini kita boleh menulis "pengendali mendail jawapan", atau sesuatu yang serupa.

tindak balas pelayan

Dia boleh datang bukan sahaja untuk XML, kerana anda mungkin berfikir kerana nama teknologi. Di samping itu, ia boleh dihantar sebagai teks biasa atau JSON. Dalam kes pertama maklumat yang boleh segera dipaparkan pada halaman. Jika menggunakan XML, anda perlu menjaga itu AJAX-fail telah betul diproses dalam pelayar pelanggan. Semua data dalam kes ini ditukar kepada (X) HTML. Apabila menggunakan format JSON, anda perlu untuk melaksanakan kod untuk mendapatkan objek penuh Javascript. Ia adalah perlu untuk berhati-hati dan mengambil kira hakikat bahawa ramai penggodam suka untuk menghantar kod berniat jahat dengan menggunakan teknologi ini. Oleh itu, adalah perlu untuk mengadakan peruntukan bagi proses pengesahan data sebelum ia diproses. Ciri-ciri kesedaran untuk pelayar yang berbeza mungkin sedikit berbeza, tetapi secara umum, tindakan di sini adalah satu skim.

Kami membuat permintaan kepada pelayan dan pemprosesan sambutan

Seluruh urutan tindakan adalah seperti berikut:

1. Pada mulanya, anda perlu membuat dan memastikan bahawa terdapat XMLHttpRequest.
2. Kemudian initializes sambungan pelayan.
3. Hantar permintaan kepadanya.
4. Kami menanti-data yang akan datang, dan memprosesnya.

Ia harus memberitahu anda tentang beberapa ciri-ciri pada penciptaan objek. Ia boleh dimulakan pada mana-mana tempat di mana ia adalah mungkin hanya dalam rangka bahasa pengaturcaraan. Tetapi jika dia telah diberikan status global, dalam mana-mana satu mata di waktu untuk ia menjadi mungkin untuk bekerja dengan hanya satu permintaan. Pada ketika ini, anda perlu memberi perhatian teliti. Mengenai rawatan - di sini kita memberi tumpuan kepada instrumen yang dipilih. Jadi, jika data XML untuk diproses DOM-fungsi dan membentangkan pengguna mempunyai keputusan akhir dalam HTML. Dan apa yang perlu dilakukan dengan JSON-rated? Perlu difahami bahawa ia adalah notasi objek Javascript. Apa maknanya? Oleh kerana JSON objek boleh diwakili sebagai rentetan. Tetapi perlu diingat bahawa kaedah ini tidak selamat untuk penuh, dan banyak faktor yang perlu dipertimbangkan. Tetapi, secara umum, ia adalah sangat mudah.

Server-side bahasa pengaturcaraan

Hampir mana-mana aplikasi berasaskan web menggunakan mereka dalam satu cara atau yang lain. Untuk penghantaran data adalah PHP yang paling popular. Pada ia biasanya menulis fail untuk laman web, di mana tidak kadar penghantaran data yang kritikal, dan bakinya pilihan antara beliau dan kebolehpercayaan. teknik penghantaran XMLHttpRequest dibincangkan di atas.

server mengkonfigurasi

Apa program yang diperlukan untuk beroperasi sepenuhnya AJAX? Apakah ini memberi kita? Apakah mereka untuk? Untuk mendapatkan jawapan kepada soalan-soalan ini, anda perlu membiasakan diri dengan senarai berikut:

1. HTML / XHTML. Mereka diperlukan untuk pelayan untuk mengenali susun atur halaman.
2. CSS. Alat ini adalah diperlukan untuk pemilihan visual reka bentuk halaman.
3. DOM. Ia diperlukan untuk memastikan perubahan yang dinamik pada halaman sebagai tindak balas kepada tindakan oleh pengguna.
4. XML. Diperlukan untuk pemindahan data antara pelanggan dan pelayan.
5. JavaScript. Kita perlu mewujudkan kursor "Ajax" dan menyediakan interaktiviti.
6. XMLHttpRequest. Objek di mana pertanyaan yang akan dikemukakan kepada pelayan.

Menggunakan laman web ini

Jadi sekarang kita mempunyai kedua-dua pengetahuan dan idea tentang bagaimana AJAX teori. Menghantar data kini hanya memerlukan satu amalan tertentu. Mari kita lihat secara umum, bagaimana untuk mendekati pelaksanaan tugas menggunakan "Ajax". Jadi, kita perlu mewujudkan pangkalan data pemandu. Dan mereka akan berbeza peranti yang boleh dikendalikan. Perlu diingatkan bahawa pangkalan data di atas adalah sangat besar, jadi saya hanya hantar kepada pelanggan dan ia tawarkan untuk membuat pilihan menggunakan JavaScript tidak masuk akal. Ia juga wajar untuk memiliki laman web ini dipasang semula disebabkan oleh parameter tunggal. Pada pelayan permintaan akan mengendalikan skrip PHP khas. Pangkalan data ini dilaksanakan sebagai XML-fail.

mengenai pangkalan data

Ia adalah perlu untuk bersenam strukturnya. Dan bagaimana jika parameter berlalu, yang merupakan objek? Dalam kes sedemikian adalah perlu untuk membuat peruntukan bagi mewujudkan pemboleh ubah, di mana tidak akan ada link untuk acara panggilan dari majlis itu. Untuk dapat mengaksesnya dari mana-mana ia adalah perlu untuk membuat kod global. Untuk kemudahan, ia adalah wajar untuk menggunakan sistem pengurusan pangkalan data. Sudah tentu, ini tidak perlu. Tetapi masih membenarkan penggunaan pangkalan data untuk bekerja dengan lebih selesa dan berkesan dengan data.

Kami sedang berusaha untuk operasi enjin

Bagaimana segala-galanya akan berlaku? Jadi, datang satu acara tertentu, yang akan menyebabkan satu majlis khas. Dia akan menyediakan GET atau POST-data yang akan dihantar. Ia kemudiannya memanggil fungsi, yang akan membuat rayuan kepada URL skrip pelayan. Ia adalah perlu untuk membayangkan penciptaan XMLHttpRequest-objek. A merujuk kepada ia perlu disimpan dalam pembolehubah. Selepas data telah dihantar kepada pelayan, anda perlu menunggu jawapan daripadanya. Untuk melakukan ini, anda boleh menghidupkan "wiretapping" untuk mendapatkan maklumat (jika diketahui, akan datang dan tidak berkata demikian) atau menyediakan satu fungsi yang akan sentiasa bersedia untuk menerima data. Penjelmaan pertama adalah kurang dipercayai dalam hal keadaan yang luar biasa. Kedua kesedaran - lebih mahal dari segi sumber. Walaupun, jika ia dilakukan hanya berkenaan dengan satu pembolehubah, ia tidak menjejaskan Internet puasa. Tetapi jika terdapat beratus-ratus dan beribu-ribu, dan mereka akan mempunyai resolusi yang tinggi, - maka ia akan menjadi perkara yang lain. Oleh itu, adalah perlu untuk mendapatkan keseimbangan antara penggunaan sumber dan keberkesanan didapati. Lagipun, ia perlu difahami bahawa tidak semua mempunyai memori 16 GB. Ini boleh menetapkan masa tertentu menunggu selepas itu diganti data sebelumnya atau maklumat yang pelayan tidak boleh didapati pada masa ini.

ciri-ciri

Apabila menggunakan "Ajax" dicipta oleh antara muka untuk halaman atau permohonan, anda perlu memastikan bahawa keputusan yang berfungsi dengan baik pada sistem operasi yang berbeza, dan pada pelayar yang berbeza. Dalam kes pertama akan dapat menyediakan emulator bantuan yang tidak ternilai. Dalam kes kedua ia akan cukup hanya untuk memasang pelbagai program dan mereka menguji fungsi kod. Ia juga perlu untuk mengadakan peruntukan bagi tindakan-tindakan tertentu dan, dalam hal pelayar pengguna akan digunakan sudah lapuk atau ia akan menutup tetapan yang diperlukan. Dalam kes sedemikian, penjagaan perlu diambil untuk pengeluaran teks pada halaman itu, dengan menyatakan sebab mengapa laman tontonan yang dalam kes ini tidak mungkin. Ya, kini sebahagian besar orang yang menggunakan teknologi moden, tetapi tidak sepenuhnya melepaskan perhatian kepada kebarangkalian dan hakikat bahawa beberapa peratus daripada pengunjung akan menggunakan beberapa perisian yang ketinggalan zaman. Dan dalam skala perniagaan ia boleh membawa kesan yang ketara.

kesimpulan

Yang datang ke akhir logik artikel ini. Jika kita bercakap mengenai "Ajax" pada keseluruhannya, alat ini membolehkan anda untuk membuat laman web yang sangat menarik dan ciri-kaya yang bekerja dengan cepat dan dengan susun atur cekap menyampaikan para penggunanya keseronokan. Tidak syak lagi bahawa akan ada walaupun teknologi yang lebih maju pada masa akan datang, tetapi sekarang ini kita akan menggunakan apa yang kita ada. Sebagai peningkatan bahasa pengaturcaraan dan teknik agak mungkin, dan ini adalah satu pilihan yang akan disediakan, kaedah yang akan mewujudkan lebih produk yang berkualiti tinggi. Tetapi kerana ia boleh, kerja-kerja yang diperlukan sekarang iaitu. Dan nama ini - "Ajax".