buenas estoy practicando Javascript junto a laravel y estoy trayendo por medio de una promesa datos para mostrarlos por medio de un select.
le paso por medio del fetch la ruta, todo funciona bien, pero le tengo la ruta "quemada en codigo", ahora, si por ejemplo yo subiera eso a un servidor o lo moviera etc tendría que estar cambiando esa ruta a cada archivo que tenga una promesa.. por lo que quiero capturar la ruta absoluta y pasarlo por medio de un parámetro.
Lo estoy tratando de hacer de esta manera pero me da error
$(document).ready(function () {
const $especie = document.getElementById('id_especie')
const $raza = document.getElementById('id_especie_raza')
function getAbsolutePath() {
var loc = window.location;
var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}
const $url = getAbsolutePath();
$especie.addEventListener('change', () => {
$raza.options.length = 0;
console.log(pathname);
options = document.createElement('option')
options.value = 0
options.text = 'Seleccione Raza'
$raza.add(options)
fetch( `${$url.value}/raza/${$especie.value}`) //ACA TENGO EL PROBLEMA
.then(res => res.json())
.then((data) => {
data.forEach(data => {
options = document.createElement('option')
options.value = data.id
options.text = data.nombre_raza
$raza.add(options)
});
})
})
});
el error que me muestra es el siguiente:
Como podría hacer para que en el fetch reciba el parámetro de la URL
pathName
sólo existe dentro de la funcióngetAbsolutePath()
.$url
me da error, pero, si quemo la ruta en código si funciona la promesa osea si pongo en el fetchhttp://sisvet.test/mascota/raza/${$especie.value}
si funciona.. lo que pienso es que no es practico tener la URL quemada en código