Em muốn body khi em post lên api sẽ có dạng như sau
{
"answers": {
"c1": "0",
"c2": "1",
}
}
Nhưng theo như mấy dòng code em code, nó chỉ hiện ra như thế này. Vậy làm thế nào để em làm được như trên ạ, và liệu code của em có sai chỗ nào không ạ, em cảm ơn.
{
"c1": "3",
"c2": "0",
"id": 11
}
<form action="https://jsonplaceholder.typicode.com/users" method="post">
<h2>cau1</h2>
<input type="radio" value='0' name="c1">
<label></label><br>
<input type="radio" value='1' name="c1">
<label></label><br>
<input type="radio" value='2' name="c1">
<label></label><br>
<input type="radio" value='3' name="c1">
<label></label><br>
<h2>cau2</h2>
<input type="radio" value='0' name="c2">
<label></label><br>
<input type="radio" value='1' name="c2">
<label></label><br>
<input type="radio" value='2' name="c2">
<label></label><br>
<input type="radio" value='3' name="c2">
<label></label><br>
<div>
<button type="submit">Submit</button> </div>
</form>
function onResponse(response) {
if (response.status === 201) {
alert("Word added sucessfully");
} else if (response.status === 409) {
alert("Word-already exist");
} else {
alert("Oops!Please try again");
}
}
function onSubmit() {
const inputWord = document.querySelector("input");
const word = inputWord.name;
const definition = input.value;
// TODO: using fetch - alert success when added
fetch('https://jsonplaceholder.typicode.com/users', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
Thevar: {
ans: word,
dnewas: definition
}
})
}).then(onResponse);
}
const form = document.querySelector('form');
form.addEventListener('submit', onSubmit);
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?