Soy nuevo en JavaScript y tengo la tarea de publicar una entrada de correo electrónico desde el formulario a un servidor de nodo, todo funciona bien, pero debería implementar esta funcionalidad:
Cuando un correo electrónico es prohibido@gmail.com, el servidor responde con el código de estado 422 y la carga útil que contiene la información sobre el error. Utilice las herramientas de desarrollo del navegador para examinar la respuesta a este escenario. Muestra el mensaje de error en el navegador usando window.alert().
Creé una excepción personalizada, me da el error en la consola, pero el servidor aún responde con el código de estado 200, pero según tengo entendido, debería dar un error y la publicación no debería funcionar. Cómo hacer esta tarea, tengo ni idea..?
Obtener funciones:
import { validateEmail } from './email-validator.js' export const sendSubscribe = (emailInput) => { const isValidEmail = validateEmail(emailInput) if (isValidEmail === true) { sendData(emailInput); // if (emailInput === 'forbidden@gmail.com'){ // throw new CustomException('422'); // } } } const sendHttpRequest = (method, url, data) => { return fetch(url, { method: method, body: JSON.stringify(data), headers: data ? { 'Content-Type': 'application/json' } : {} }).then(response => { if (response.status >= 400) { return response.json().then(errResData => { const error = new Error('Something went wrong!'); error.data = errResData; throw error; }); } return response.json(); }); }; const sendData = (emailInput) => { sendHttpRequest('POST', 'http://localhost:8080/subscribe', { email: emailInput }).then(responseData => { console.log(responseData); }).catch(err => { console.log(err, err.data); }); } function CustomException(message) { const error = new Error(message); error.code = "422"; window.alert('Forbidden email,please change it!') return error; } CustomException.prototype = Object.create(Error.prototype);Validar función:
const VALID_EMAIL_ENDINGS = ['gmail.com', 'outlook.com', 'yandex.ru'] export const validateEmail = (email) => !!VALID_EMAIL_ENDINGS.some(v => email.includes(v)) export { VALID_EMAIL_ENDINGS as validEnding }Por favor ayuda. ¡Gracias de antemano!
Algo como esto debería funcionar:
Código del servidor:
Simplificar la función de validación.
export const isValid = (email) => { if (email === 'forbidden@gmail.com') { return false } return true }Luego, en su ruta, algo como esto, asumiendo expressjs detrás.
app.post('/subscribe', (req, res, next) => { const email = req.body.email if (!isValid(email)) { return res.status(433).send('Email is forbidden') } return res.status(200).send('Success') })En su interfaz , puede simplemente publicar en/suscribirse con la carga útil del correo electrónico
const sendHttpRequest = (method, url, data) => { return fetch(url, { method: method, body: JSON.stringify(data), headers: data ? { 'Content-Type': 'application/json' } : {} }) .then(response => response.json()) };Y en su sendData puede detectar el error, como lo está haciendo
const sendData = (emailInput) => { sendHttpRequest('POST', 'http://localhost:8080/subscribe', { email: emailInput }).then(responseData => { console.log(responseData); }).catch(err => { console.log(err); // Email is forbidden window.alert('Boo!') }); }Nota al margen: en la mayoría de los casos, se debe evitar la creación de prototipos en javascript.