Я пытаюсь сделать вызов API для проекта онлайн-курса, но прежде чем я смогу это сделать, мне нужно получить пользовательский ввод, и в настоящее время я получаю неопределенные ответы на мой пост-запрос. Я думаю, что это соответствующие части моего кода:
formHandler. js:
import { postURL } from "./postURL"
function handleSubmit(event) {
event.preventDefault()
// check what text was put into the form field
let url = document.getElementById('URL').value
postURL('/postURL', url)
//.then(updateUI());
};
export { handleSubmit }
postURL. js:
let postURL = async(url = '', data = {})=>{
let response = await fetch(url, {
method: 'POST',
credentials: 'same-origin',
headers: {
"Content-Type": 'application/json',
},
body: JSON.stringify( { data} ),
});
try {
console.log(data);
}catch(error){
console.log("error", error);
}
}
export { postURL }
часть индекса . html:
<form class="form" onsubmit="return Client.handleSubmit(event)">
<input id="URL" type="text" name="input" value="" placeholder="URL" size="48">
<input type="submit" id="input" class="button" name="" value="submit" onclick="return Client.handleSubmit(event)" onsubmit="return Client.handleSubmit(event)">
</form>
index. js на стороне сервера:
app.post('/postURL', getURL);
function getURL(req, res){
console.log(req.body);
url = req.body;
console.log(url)
//apiCall(url)
}
Есть ли у вас какие-либо идеи, почему данные не возвращаются в / postURL? Я не могу понять это. Любая помощь будет принята с благодарностью.
Спасибо, Майк