41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
window.addEventListener("load", function () {
|
|
const form = document.querySelector("form");
|
|
|
|
// Function to handle form submission
|
|
async function handleSubmit(event) {
|
|
event.preventDefault();
|
|
|
|
// Get the value entered in the input field
|
|
const productCode = document.getElementById("productCode").value;
|
|
try {
|
|
// Send POST request to server
|
|
const response = await fetch("http://localhost:3000/api/item-lookup", {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json", // Indicate that the request body is JSON
|
|
},
|
|
body: JSON.stringify({ productCode }),
|
|
});
|
|
|
|
if (!response.ok) {
|
|
throw new Error(
|
|
`Network response was not ok, status: ${response.status}`
|
|
);
|
|
}
|
|
|
|
// Optional: Handle JSON response data here
|
|
// const data = await response.json();
|
|
// console.log(data);
|
|
|
|
console.log("Data submitted successfully");
|
|
// Optional: Update UI to reflect success
|
|
} catch (error) {
|
|
console.error("Error submitting data:", error);
|
|
// Optional: Update UI to reflect error
|
|
}
|
|
}
|
|
|
|
// Add event listener to the form's submit event
|
|
form.addEventListener("submit", handleSubmit);
|
|
});
|