我想讓我的網站能夠將名稱和犬種添加到現有的動物串列中。
export const addNewPlayer = async (playerObj) => {
try {
const response = await fetch(
`${APIURL}players/`,
{
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
name: 'Rufus',
breed: 'Irish Setter',
}),
}
);
const result = await response.json();
console.log(result);
} catch (err) {
console.error(err);
}
};
這是創建新播放器的功能
let form = document.querySelector('#new-player-form > form');
form.addEventListener('submit', async (event) => {
event.preventDefault();
let playerData = {
name: form.elements.name.value,
breed: form.elements.breed.value
}
console.log(playerData)
const players = await fetchAllPlayers()
renderAllPlayers(players)
addNewPlayer(playerData);
renderNewPlayerForm()
});
這也是我這里的表格。
我只是對如何將“Rufus”和“Irish Setter”更改為用戶輸入感到困惑。當記錄 playerData 時，我可以看到它在檢查時正在運行，但它只添加了“Rufus”的位置。
給出了一些代碼，我只是對代碼中第一個 playerObj 引數感到困惑。我沒有看到任何用途，并且 addNewPlayer 中的大部分內容也在作為專案一部分的 API 網站中提供。我試圖創建名稱并生成空字串，但從中得到了一個錯誤。
uj5u.com熱心網友回復：
您需要的所有資訊都在您的playerData變數中。因此，只需將其中的資訊添加到您的申請正文中。嘗試這個：
export const addNewPlayer = async (playerObj) => {
//...
body: JSON.stringify({
name: playerObj.name,
breed: playerObj.breed,
}),
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/537343.html