¿Cómo puedo implementar una notificación después del envío exitoso de los datos del formulario? ¡Ayudame por favor! Existe tal idea (pero no funciona. Incluso si el envío falla, muestra 'Éxito'):
<Form class="order_form" @submit.prevent=""> <div> <Field v-model="fio" class="order_input" type="text" placeholder="Name" name="first_name" :rules="[isRequired, validateName]"/> </div> <ErrorMessage class="errMessage" name="first_name" /> <div> <Field v-model="phone" class="order_input" type="text" placeholder="Phone" name="phone" :rules="isRequired" /> </div> <ErrorMessage class="errMessage" name="phone" /> <button class="make_order" @click="postOrder">Send</button> </Form> <span>{{successMessage}}</span>...
data() { return { successMessage: '', } },...
postOrder() { const orderDataStr = {fio: this.fio, phone: this.phone} axios.post(`${url}`, orderDataStr) .then((response) => { console.log(response.data); this.successMessage = 'Success!'; }) .catch((error) => { console.log(error); }); },Está asumiendo incorrectamente que su response de devolución de llamada siempre será exitosa cuando en realidad necesita verificar la response para conocer el estado de la llamada que realizó y luego determinar si fue un éxito o una falla.
https://developer.mozilla.org/en-US/docs/Web/API/Response/ok