setRequestHeader : mengubah konten yang dikirim
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
fungsi setRequestHeader digunakan untuk mengatur header HTTP pada object XMLHttpRequest dan mengatur
header "Content-Type", ke "application/json/charset=UTF-8"
yang menunjukan bahwa konten yang dikirim adalah format JSON
return false
agar sendData(data)
mencegah formulir secara otomatis melakukam tindakan default saat tombol "sumbit" ditekan
mengirim data ke server
pengiiriman dara tersebut hanya untuk simulasi. data tidak benar benar akan terkirim ke server
"https://jsonplaceholder.typicode.com/posts"
function sendData() {
var xhr = new XMLHttpRequest();
var url = "https://jsonplaceholder.typicode.com/posts";
var data = JSON.stringify({
title: document.getElementById("title").value,
body: document.getElementById("body").value,
userId: 1
});
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.onload = function() {
console.log(this.responseText)
let datas = document.createElement("p")
datas.innerHTML = this.responseText
document.getElementById("hasil").append(datas)
};
xhr.send(data);
return false;
}