12 agosto, 2015

Crear Base url en jquery

La idea es parametrizar en un script el base url que vamos a utilizar en todos nuestros scripts jquery, para asi, si cambia solo tener que modificarlo en un unico sitio, esto viene muy bien cuando utilizamos infinidad de funciones ajax.

Para ello nos creamos un archivo javascript llamado base_url.js y dentro ponemos el siguiente codigo:

Luego para tener acceso desde el codigo javascript de cada vista, script, etc simplemente tendremos que poner esto en la cabecera de cada archivo donde lo queramos tener disponible:

<script src=”<?php echo base_url();?>scripts/js/base_url.js”></script>

El <?php echo base_url();?> es el base url del framework php que uso(codeigniter), no tiene nada que ver con este base_url, digamos que este base url es artesanal.

scripts/js/ es el directorio donde tengo el archivo base_url.js

Ahora si queremos usar dicha base_url en javascript, nos creamos otro fichero.html, php, etc y al principio inyectamos esta dependencia

<script src=”<?php echo base_url();?>scripts/js/base_url.js”></script>

Luego, para acceder a dicha url base desde cualquier parte de nuestro codigo javascript solo tendremos que llamara a la funcion get_base_ulr() y esta nos devolvera http://dominiobase.com/ que es la url que hemos definido en dicho archivo.

Quedaría asi:

NOTA IMPORTANTE:

NO FUNCIONARÁN TUS LLAMADAS AJAX como la url que definas en la funcion get_base_url() del archivo base_url.js tenga este formato:

dominiobase.com/

SI FUNCIONARÁN TUS LLAMADAS AJAX si tiene este formato:

http://dominiobase.com/

NO OLVIDES PONER EL HTTP:// A LA URL!!!!me ha llevado casi una hora dar con el puñetero error!!!