Apa Sih Fungsi Dari Asynchronous Request di Javascript?

Fungsi Dari Asynchronous Request di Javascript

Biasanya dalam dunia pemrograman, kode yang kita tulis dan jalankan secara sinkron dalam Javascript. Sinkronisasi Ini memungkinkan kode yang kita tulis untuk dijalankan secara berurutan. Sangat lemah ketika kita menggunakannya untuk melakukan pekerjaan berat, atau pekerjaan yang membutuhkan waktu dan kita tidak dapat menentukan kapan pekerjaan itu selesai.

Jika kita menjalankan pekerjaan secara serempak, proses runtime akan diblokir hingga pekerjaan selesai. Yang paling menakutkan adalah pengguna akan terganggu oleh pemblokiran.

Jika pengalaman pengguna buruk, lalu siapa yang ingin mengunjungi situs web kami dengan cara ini?​​ Untuk mengatasi masalah ini, kita harus menyelesaikan pekerjaan secara asynchronous.

Kode yang ditulis secara asynchronous akan dieksekusi setelah main thread atau biasa disebut dengan main thread. Itu tidak memblokir proses runtime atau menunggu proses selesai. Sambil menunggu proses selesai, kompiler akan menjalankan perintah kode berikutnya.

Dalam Javascript, asynchronous JavaScript dan XMLHTTP atau biasa disebut dengan AJAX adalah konsep penerapan metode asynchronous untuk melakukan pekerjaannya. AJAX biasanya digunakan untuk mengirim permintaan data (requests) dan menangani tanggapan (handling response), baik yang berupa XML, Javascript, atau JSON dari Rest API.

Pada artikel ini, kita akan mengenal beberapa fungsi permintaan AJAX. Yang pertama menggunakan XHR. Yang kedua adalah menggunakan JQuery. Ketiga, gunakan cara terbaru yang tentunya paling direkomendasikan saat ini adalah fungsi Fetch.

AJAX dengan menggunakan XHR

XMLHTTPRequest (atau disingkat XHR) adalah teknologi untuk membuat permintaan AJAX. XHR tersedia secara native di Javascript merupakan keuntungan, tetapi untuk menggunakan XHR murni, ada banyak langkah. Apa artikelnya? Jelas karena kami membuat fungsi AJAX secara manual. penasaran? Mari kita coba.

  • Silakan buka repositori yang Anda kloning dan pastikan Anda berada di cabang master.
  • Langkah pertama adalah membuat objek dari XMLHTTPRequest.
  • Selanjutnya, kita menggunakan fungsi open untuk menentukan metode HTTP dan URL target.
  • Kemudian tentukan fungsi pemrosesan untuk kejadian onload dan onerror. Sekarang, langkah terakhir adalah mengirim permintaan menggunakan fungsi kirim.

AJAX dengan menggunakan JQuery

Jika dirasa langkah-langkah sebelumnya kurang praktis, beberapa langkah tersebut sudah tidak diperlukan lagi dengan bantuan library JQuery. Pada dasarnya, fungsi AJAX menggunakan JQuery dengan cara yang sama seperti XHR, tetapi kita tidak perlu membuat instance objek dari XMLHTTPRequest. Hanya untuk menggunakannya, tentu saja kita perlu menambahkan library JQuery ke proyek kita.

Lihat, berapa banyak langkah yang dihapus sebelumnya? Demikian pula, kita tidak perlu membuat objek dari XMLHTTPRequest, dan dapat langsung menyelesaikan pemrosesan respons dengan memanggil fungsi done dan fail. Bukankah itu praktis? Jika kami mencoba menjalankan proyek di browser, hasil yang sama akan ditampilkan.

AJAX dengan menggunakan Fetch API

Fungsi ketiga ini merupakan kombinasi dari XHR dan JQuery. Ambil adalah cara baru permintaan jaringan. Fungsi fetch pada dasarnya menggunakan Promise, jadi untuk menggunakannya, pastikan browser Anda mendukung ECMAScript 6, atau yang biasa dikenal dengan ES6. kabar baik! Karena sebagian besar browser sekarang mendukung ES6 ini. Atau Anda dapat menggunakan teknologi polyfill untuk browser yang tidak mendukung ES6.

Untuk menggunakan fetch, cukup gunakan kata kunci fetch() dan tulis URL yang ingin Anda kunjungi dalam tanda kurung.

Karena fetch mengembalikan Promise, untuk pemrosesan respons, kami menggunakan then (jika Promise mengembalikan resolve) dan catch (jika Promise mengembalikan reject). Harap perhatikan kode berikut:

Kesimpulan ini dapat diambil dari kode di atas. Jika permintaan pada pengambilan berhasil, maka blok dipanggil dan nilai objek dikembalikan sesuai dengan respons yang diperoleh. Jika fungsi pengambilan gagal, blok tangkap akan dipanggil dan kesalahan akan ditampilkan di konsol.

Kemudian untuk mengambil nilai objek yang dikembalikan di blok then, kita dapat memanggil fungsi then lagi setelah fungsi catch dipanggil.

Parameter data dalam fungsi then adalah nilai yang dikembalikan oleh response.json(), jika tidak maka tidak akan terdefinisi jika fungsi fetch gagal (blok catch dipanggil).

Kesimpulan

Setelah mencoba berbagai metode untuk mengimplementasikan AJAX, apa metode favorit Anda sekarang?

Tulis alasan berikut di kolom komentar ya. Sebagai perbandingan, setiap metode didokumentasikan melalui cabang di repositori yang Anda kloning sebelumnya.

Semoga beruntung!

Sumber : https://majapahit.id/

Review Toyota Camry Hybrid

Toyota Camry Hybrid

Mesin standar adalah 2.5L 4 silinder dan mengadopsi sistem injeksi ganda D-4S. Ia mendapat 203 tenaga kuda dan menghemat banyak bahan bakar di 29 kota MPG dan 41 jalan raya MPG yang diperkirakan oleh EPA, menjadikannya ideal untuk menjelajah kota atau bepergian jarak jauh. Dari segi harga, harganya sekitar Rp 849,5 juta.

Eksterior

Untuk tampilan Toyota Camry Hybrid memberikan bentuk yang memiliki kesan gagah dan memiliki desain tapak yang menarik yang cukup menarik perhatian masyarakat jalanan. Lekukannya memanjang dari depan ke belakang, dan desain permukaannya melengkapi kekuatannya.

Tunjukkan pada kami kontur unik yang dapat mengubah penampilan dengan lebih efektif. Pada bagian depan Toyota Camry Hybrid, lampu depan telah menggunakan LED yang terintegrasi penuh dengan DRL (Daytime Running Lights), yang menambah kilau pada tampilan yang unik dan detail. Lampu bergaya seperti ini adalah cara terbaik untuk menerangi perjalanan Anda di malam hari.

Kemudian untuk penggunaan velg hitam mengkilat, memungkinkan velg ini menampilkan hybrid tanpa mengorbankan gaya sporty-nya. Selain itu, gaya sportynya melengkapi siluet Camry yang stylish dan berani. Kisi-kisi depan hitam cerah dengan sisipan jaring sport semakin mendorong batas gaya.

Interior

Secara internal, perangkat keras hybrid yang ditambahkan untuk Camry tidak akan mengganggu ruang penumpang atau kargo. Artinya ada lima kursi, 42,1 inci ruang kaki depan, 38,0 inci ruang belakang, dan 15,1 kaki kubik volume kargo. Toyota ini mampu menampung lima orang. Mengingat posisinya yang rendah, masuk dan keluar dari mobil bisa jadi rumit.

Namun, begitu Anda masuk, Anda akan menemukan bahwa ada cukup ruang di kedua baris. Kursi luar belakang memiliki dua set konektor LATCH yang lengkap. Ada juga jangkar tether untuk kursi tengah belakang, yang dapat dipinjam dari jangkar bawah di kedua sisi.

Selain itu, trim interior dan kursi pengemudi yang dapat diatur secara elektrik adalah perlengkapan standar. Menyediakan kursi penumpang depan yang dapat disetel secara elektrik, kursi kulit sintetis atau kulit sintetis, kursi depan berpemanas dan berventilasi, dan roda kemudi berpemanas. Lalu ada fungsi infotainment yang cukup lengkap yang bisa menemani Anda saat berkendara.

Fitur

Pada dekorasi LE dan SE, Camry Hybrid menyediakan sistem infotainment layar sentuh 7,0 inci, kompatibel dengan Apple CarPlay dan Android Auto, dan audio enam speaker. Model XLE dan XSE menyertakan layar infotainment 9,0 inci baru yang dapat ditingkatkan untuk menyertakan navigasi dan pengaturan audio JBL sembilan speaker canggih. Ton

Anda juga dapat memilih pelek yang lebih tinggi untuk menyertakan layar head-up 10,0 inci dan sistem kamera 360 derajat. Selain itu, Camry ditingkatkan ke Toyota Safety Sense 2.5+, yang mencakup persimpangan belok kiri, dukungan aplikasi pedal yang salah, kemudi darurat semi-otomatis, kontrol jelajah adaptif yang ditingkatkan, dan fitur bantuan perlindungan jalur yang ditingkatkan. Balok tinggi otomatis juga standar, dan trim yang lebih tinggi menyediakan pemantauan titik buta dan peringatan lalu lintas belakang.

Mesin dan Performa

Dari segi dapur pacu, Camry Hybrid dibekali mesin bensin 2.5 liter 16 katup empat silinder berteknologi DOHC dual VVT-i dan bervolume 2.492 cc. Mesin ini memiliki dua sistem transmisi otomatis, yakni tipe CVT dan 6-speed AT Sequntia. Tenaga total sistem mencapai 208 tenaga kuda, yang disalurkan ke roda depan melalui CVT otomatis.

Dekorasi LE memberikan data penghematan bahan bakar terkuat dengan roda yang lebih kecil dan lebih ringan di 51/53 kota/jalan raya. Model SE, XLE dan XSE baru cocok untuk 44/47 mpg. Camry non-hibrida paling efisien dari Toyota menawarkan 28/39 mpg.

Selain efisiensi yang prima, Camry hybrid juga lebih cepat dari mesin empat silinder bertenaga bensin. Mobil hibrida mencapai 60 detik dalam 7,4 detik, dibandingkan dengan 7,6 detik untuk Camry empat silinder standar non-hibrida yang sebanding. Mobil ini sangat cocok untuk dikendarai sehari-hari. Torsi instan dari motor listrik membantu mobil meluncur dari posisi diam, dan ada juga tenaga yang cukup besar melaluinya.

Transisi antara gas dan listrik sangat mulus.Kebanyakan orang berpikir bahwa sistem tenaganya tenang, tetapi beberapa orang mengatakan bahwa itu membuat suara keras saat ditekan. Yang terbaik adalah memilih Camry dengan karakteristik mesin hybrid yang santai agar sesuai dengan gaya mobil. Ini bukan mobil mid-size hybrid yang paling menarik atau bergaya, tetapi Camry Hybrid sangat efisien dan bernilai baik.

Kesimpulan

Toyota Camry Hybrid 2021 adalah model yang sangat baik dalam kategori kendaraan hibrida dan listrik. Ini memiliki pengendaraan yang lembut, banyak tenaga kuda, dan, seperti yang Anda duga, penghematan bahan bakar yang baik. Kursi belakang yang luas, serangkaian fitur keselamatan, dan sistem infotainment yang mudah digunakan semakin meningkatkan daya tariknya.

Jangan lupa untuk membelikan Toyota Camry Hybrid asuransi mobil agar terjamin keamanannya.