HELP! Event onClick needs to send data to the server and change the page at the same time. Here is my code ,but data is send with method POST ,but page are not changing...
const commandButton = document.getElementById("order");
commandButton.onclick = function () {
createOrder(); // A function that sends users data to server with POST method
window.location.href = "http://127.0.0.1:5500/front/html/confirmation.html";
};
function createOrder() {
const firstName = document.getElementById("firstName").value;
const lastName = document.getElementById("lastName").value;
const address = document.getElementById("address").value;
const city = document.getElementById("city").value;
const email = document.getElementById("email").value;
const newCustomer = {
// newCustomer is an object which will be changed into string with JSON.stringify
contact: {
firstName: firstName,
lastName: lastName,
address: address,
city: city,
email: email,
},
products: panier,
};
I think the problem is because you haven't prevent form from making it's own general request, try using event.preventDefault(); in onclick handler to prevent form doing it's general operation and check that solves problem or not.
const commandButton = document.getElementById("order");
commandButton.onclick = function (event) {
event.preventDefault();
createOrder(); // A function that sends users data to server with POST method
window.location.href = "http://127.0.0.1:5500/front/html/confirmation.html";
};