Peringkat Ajax cukup tinggi di sana karena alasan terbesar untuk menggunakan jQuery. JQuery tidak hanya memperbaiki masalah lintas-browser, tetapi juga membuat sintaksnya sangat mudah digunakan dan dipahami.
Dalam video ini kami mencoba menjelaskan apa itu Ajax. Kami melihat elemen formulir, yang ketika dikirimkan, melakukan permintaan GET atau POST (sebagaimana ditentukan oleh atribut metode) ke URL yang Anda tentukan (sebagaimana ditentukan oleh atribut tindakan). Itu hanya HTML, tidak ada kode backend atau JavaScript yang terjadi di sana sama sekali. Tapi kiriman itu akan menyebabkan halaman berubah, secara harfiah memuat ulang di URL baru, seperti mengklik link.
Ajax memungkinkan kita membuat permintaan GET atau POST itu di latar belakang, tanpa memuat ulang halaman. Pada intinya, itulah inti dari Ajax. Dan itu sangat kuat. Ini sebagian besar bertanggung jawab atas mengapa situs web modern berfungsi dan merasakan apa yang mereka lakukan.
Ajax dulunya adalah "singkatan dari" Asynchronous JavaScript dan XML, tetapi hal itu sebagian besar diabaikan belakangan ini karena itu tidak berarti banyak. Juga karena itu de-kapitalisasi. Anda mungkin juga terkadang melihat "XHR" yang merupakan kependekan dari XMLHttpRequest, yang merupakan teknologi inti asli Ajax.
Perbedaan antara GET dan POST pada dasarnya: GET adalah untuk mendapatkan informasi dan tidak bertanggung jawab untuk mengubah data dan POST secara khusus untuk mengubah data. Jangan ragu untuk membaca lebih lanjut tentang itu di utas StackOverflow ini.
Membuat permintaan GET di jQuery sangat mudah:
$.get( "URL", function(data) ( // do something with data )); ));URL adalah tempat Anda berharap mendapatkan datanya. Parameter kedua adalah fungsi panggilan balik yang berjalan ketika permintaan Ajax berhasil. Parameter yang paling penting adalah yang pertama, data, yang memiliki informasi yang didapat dari permintaan.
Permintaan Ajax terkadang bisa gagal. Salah satu alasan kegagalan tersebut mungkin karena browser itu sendiri dan kebijakan keamanannya. Dimasukkan ke dalam browser itu sendiri adalah aturan tentang dari mana konten dapat diminta. Permintaan selalu dapat dilakukan ke domain yang sama dengan asal permintaan. Tetapi jika ada domain berbeda yang terlibat, domain yang berbeda tersebut harus mengizinkannya secara khusus.
Anda dapat membaca semua tentang itu di enable-cors.org. CORS adalah singkatan dari "Cross-Origin Resource Sharing". Kami melihat contoh di mana CORS tidak diaktifkan dan permintaan Ajax gagal. Salah satu cara standar dan mudah untuk memperbaikinya, dengan asumsi server adalah Apache, adalah dengan menetapkan header yang secara khusus memungkinkan CORS melalui file .htaccess:
Header set Access-Control-Allow-Origin "*"Dalam video, kami hanya memindahkan permintaan Ajax ke CodePen, yang menangani Ajax dengan baik secara default.
Cheesy mudah:
Lihat Pen fBInl oleh Chris Coyier (@chriscoyier) di CodePen