Bagaimana cara membuat permintaan HTTP di Javascrip?
Untuk membuat permintaan HTTP di JavaScript, Anda dapat menggunakan objek `XMLHttpRequest` atau objek `fetch`. Berikut adalah contoh penggunaan keduanya:
1. Menggunakan objek `XMLHttpRequest`:
```javascript
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.example.com/api/data", true); // Menentukan metode (GET/POST/PUT/DELETE) dan URL
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) { // Memeriksa status permintaan
var response = JSON.parse(xhr.responseText); // Mendapatkan respons dan menguraikannya jika perlu
console.log(response); // Menampilkan respons pada konsol
}
};
xhr.send(); // Mengirim permintaan
```
2. Menggunakan objek `fetch` (introduksi dalam JavaScript ES6):
```javascript
fetch("https://www.example.com/api/data")
.then(function(response) {
if (response.ok) {
return response.json(); // Menguraikan respons jika perlu
}
throw new Error("Error: " + response.status);
})
.then(function(data) {
console.log(data); // Menampilkan respons pada konsol
})
.catch(function(error) {
console.log(error); // Menampilkan kesalahan pada konsol
});
```
Kedua metode di atas memperoleh data dari URL yang ditentukan dengan metode HTTP GET. Jika Anda perlu mengirim data dengan metode POST atau mengatur header khusus, Anda dapat melakukannya dengan menggunakan opsi yang tepat pada objek `XMLHttpRequest` atau `fetch`.
Pastikan untuk menyesuaikan URL dan opsi permintaan sesuai dengan kebutuhan Anda.
Comments
Post a Comment
Jangan Sungkan Berkomentar