Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. News
Code

Bagaimana Cara membuat permintaan AJAX dengan Javascript mentah

by
Length:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Ambang Anasfa (you can also view the original English article)

Framework JavaScript telah merubah fungsi AJAX sederhana menjadi satu baris. Hal ini sangat luar biasa, mengingat fakta bahwa itu akan memerlukan lebih dari dua puluh baris untuk mencapai hal yang sama dengan Javascript mentah. Namun demikian, sangat penting untuk mempelajari apa "dibelakang layar".


Screencast

Get Request

Akhir Script

Ini adalah sebuah skrip yang relatif sederhana yang akan memungkinkan Anda untuk permintaan asynchronously halaman dengan menggunakan fungsi "load (URL, CALLBACK)".

Object Properties

Beberapa catatan perlu dipertimbangkan sambil menonton

onreadystatechange akan dijalankan lima kali sebagai halaman tertentu yang diminta.

  • 0: uninitialized
  • 1: memuat
  • 2: sudah dimuat
  • 3: interaktif
  • 4: selesai

Nilai "4" adalah apa yang kita sedang cari. Setelah itu telah tercapai, kita tahu bahwa kami bebas untuk melakukan tindakan dengan data yang dikembalikan.

XMLHttpRequest dan ActiveXObject

Browser modern memanfaatkan "XMLHttpRequest" objek untuk membuat permintaan asynchronous. Artinya, jika Anda ingin mengabaikan IE6, Anda bebas untuk menghapus cek ActiveXObject - bagian ini.

Sebaliknya, Anda bisa menulis "var xhr = new XMLHttpRequest();". Berhati-hatilah dengan metode ini. Setelah abstraksi sendiri "load" fungsi, sangat mudah untuk menjaga cek IE seperti itu.

Keluar dari ruang Global

Jika membuat beberapa permintaan, Anda mungkin mempertimbangkan memindahkan kode ke objek sendiri. Kemudian, daripada langsung memanggil fungsi "load", Anda bisa menggunakan "myObject.load();". Pedoman dasar untuk mencapai hal ini akan menjadi:

Kesimpulan

Aku sudah tidak meragukan lagi bahwa beberapa dari Anda akan meninggalkan komentar menyatakan sesuatu di sepanjang baris, "Mengapa saya perlu melakukan ini ketika dapat dilakukan dengan hanya satu baris jQuery?" Jawabannya adalah karena Anda perlu mempelajari apa yang ada di bawah kap mobil Anda, sehingga untuk berbicara. Framework seperti Mootools dan jQuery membuat Javascript luar biasa dan dapat diakses oleh desainer. Jika Anda jatuh ke dalam kategori ini, saya sangat menyarankan Anda mengambil buku Javascript mentah juga. Tidak ada yang salah, menurut pendapat saya, dengan mempelajari keduanya secara bersamaan. Hanya pastikan bahwa Anda mempelajari keduanya!


Hal ini mirip dengan bekerja dengan WordPress jika Anda tidak tahu PHP. Tentu saja, mungkin - tapi Anda benar-benar ingin?

Mudah-mudahan, ini harus membuat Anda bangun dan berlari! Saya akan senang mendengar pikiran Anda! Semoga Akhir Pekan anda menyenangkan. Sampai jumpa pada hari Senin, atau di Twitter!

  • Berlangganan ke NETTUTS RSS Feed untuk harian web pengembangan tuts dan artikel.


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.