Rumah >hujung hadapan web >tutorial js >Meneroka versi tersembunyi Ajax: Berapa ramai yang anda kenali?
Versi Ajax didedahkan: Adakah anda tahu yang mana?
Pengenalan:
Dalam pembangunan web moden, teknologi Ajax digunakan secara meluas, yang boleh merealisasikan interaksi data antara halaman web dan pelayan tanpa menyegarkan. Namun, anda tahu apa? Ajax bukanlah piawaian atau spesifikasi bersatu, tetapi satu siri gabungan teknologi. Mari lihat Ajax dan pelajari tentang versi terasnya.
1. Versi awal Ajax
Versi 1.0
Versi terawal Ajax telah dicadangkan oleh Jesse James Garrett pada tahun 2005 dan telah digunakan secara meluas. Teknologi teras yang digunakan pada masa itu termasuk gabungan objek XMLHttpRequest dan JavaScript. Melalui objek XmlHttpRequest, halaman web boleh menghantar permintaan melalui pelayan bahagian belakang, menerima data respons dan kemudian menggunakan JavaScript untuk mengemas kini data secara dinamik ke halaman web.
Sampel kod:
var xmlhttp; if (window.XMLHttpRequest) { // 创建新的XMLHttpRequest对象 xmlhttp = new XMLHttpRequest(); } else { // 兼容旧版本的浏览器 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // 发送请求 xmlhttp.open("GET", "example.com", true); xmlhttp.send(null); // 接收响应 xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 数据处理逻辑 } }
2. Versi Ajax yang dikemas kini
Versi 2.0
Dengan pembangunan teknologi Web, Ajax juga telah mengalami beberapa kemas kini dan penambahbaikan. Yang paling penting ialah pengenalan format data JSON (JavaScript Object Notation) dalam versi 2.0. Berbanding dengan format XML tradisional, JSON lebih ringkas dan lebih mudah untuk diproses. Ia lebih sesuai untuk penghantaran dan analisis data berskala besar, jadi ia digunakan secara meluas dalam versi 2.0.
Sampel kod:
var xmlhttp; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET", "example.com", true); xmlhttp.send(null); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var response = JSON.parse(xmlhttp.responseText); // 数据处理逻辑 } }
Versi 2.5
Dalam versi 2.5, pasukan Ajax mengambil kesempatan daripada ciri baharu HTML5 untuk meningkatkan lagi prestasi dan kefungsian Ajax. Kemas kini yang paling penting ialah pengenalan Soket Web, yang boleh mencapai komunikasi dua hala masa nyata antara pelayan dan pelanggan dengan mewujudkan sambungan yang berterusan. Fungsi ini digunakan secara meluas dalam beberapa pemesejan segera, permainan dan aplikasi lain.
Sampel kod:
var socket = new WebSocket("ws://example.com"); socket.onopen = function() { // 连接成功 } socket.onmessage = function(event) { var data = event.data; // 数据处理逻辑 } socket.onclose = function() { // 连接关闭 } socket.onerror = function(error) { console.log("WebSocket Error: " + error); }
Ringkasan:
Walaupun Ajax bukan standard atau spesifikasi khusus, ia menyediakan satu siri teknologi yang menjadikan pembangunan Web lebih kaya dan lebih mudah. Dari versi awal 1.0 hingga versi semasa 2.5, Ajax telah dikemas kini dan berkembang secara berterusan, memberikan pembangun dengan lebih banyak pilihan dan alatan. Melalui pengenalan artikel ini, saya percaya anda mempunyai pemahaman yang lebih mendalam tentang versi Ajax, dan saya harap ia akan membantu anda dalam perjalanan pembangunan web anda.
Atas ialah kandungan terperinci Meneroka versi tersembunyi Ajax: Berapa ramai yang anda kenali?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!