Tengo un grupo de marcas de verificación HTML que se parece a esto:
Show: [ ] New [ ] Regulars [ ] VeteransEn mi código javascript, uso Axios para conectarme a una API .Net como esta:
const fetchGamerTags = async (showNew, showRegulars, showVeterans) => { let apiAddress = ""; if (showNew) { apiAddress = "api/tags/GetNew/" } else if (showRegulars) { apiAddress = "api/tags/GetRegulars/" } else if (showVeterans) { apiAddress = "api/tags/GetVeterans/" } else { apiAddress = "api/tags/GetAll/" } const result = await axios(apiAddress, { params: { isDeleted: false } });Mi problema es que no sé cómo manejar si un usuario selecciona varias opciones... como Nuevo y Veteranos. ¿Hay alguna manera de manejar eso en mi javascript?
¡Gracias!
use axios.all para obtener múltiples solicitudes
const fetchGamerTags = async (showNew, showRegulars, showVeterans) => { let getNew = axios.get("api/tags/GetNew/", {params: {isDeleted: false}}); let getRegulars = axios.get("api/tags/GetRegulars/", {params: {isDeleted: false}}); let getVeterans = axios.get("api/tags/GetVeterans/", {params: {isDeleted: false}}); if(showNew && showRegulars && showVeterans) { const result = await axios.get(apiAddress, { params: { isDeleted: false } }); } else { list = []; if (showNew) { list.push = getNew; } if (showRegulars) { list.push = getRegulars; } if (showVeterans) { list.push = getVeterans; } const result = await axios.all(list, { params: { isDeleted: false } }); } return result; }