JavaScriptでAJAXを使用してJSONをサーバーに送信する
サーバーにはJSON形式のデータを送信できます。 これは次のように行います:
button.addEventListener('click', function() {
let promise = fetch('/handler/', {
method: 'post',
body: JSON.stringify([1, 2, 3, 4, 5]),
headers: {
'Content-Type': 'application/json',
},
});
});
サーバー側では、リクエストの本文は
bodyに格納されます:
export default {
'/handler/': function({ body }) {
console.log(body);
}
}
サーバーで受信したJSONをパースしましょう:
export default {
'/handler/': function({ body }) {
console.log(JSON.parse(body));
}
}
サーバーにデータの配列を送信してください。 サーバーがその配列の要素の合計を見つけ、 それを返送するようにします。