[SOLUCIONADO] javascript split &

el junco · #1 (**permalink**) 22/05/2014, 11:16

Hola,

Mi problema es la siguiente función en la que quiero parsear la url

function GetURLParameter(sParam)
{
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('?');
var index = sURLVariables[0].indexOf(sParam);
if(index!= -1){
var sParameterName = sURLVariables[0].substr(index);
var parameter = sParameterName.split('&')[0];
return sParameterName.split('=')[1];
}
else{
return false;
}
}

Pero me devuelve este error:

Error Traced[line: 64] The entity name must immediately follow the '&' in the entity reference.

Que es exactamente esta línea.

Alguien sabe como se puede solucionar?

Gracias

Italico76 · #2 (**permalink**) 22/05/2014, 12:13

Pues a mi me funciona PERFECTO!

Código Javascript:

Ver original<script>
 
/*
    http://localhost/Js/testB.html?var1=casa&var2=carro
*/
function GetURLParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('?');
    var index = sURLVariables[0].indexOf(sParam);
    
    if(index!= -1){
        var sParameterName = sURLVariables[0].substr(index);
        var parameter = sParameterName.split('&')[0];
        
        return sParameterName.split('=')[1];
    }
    else{
        return false;
    }
}
 
function exec(){
    console.log(GetURLParameter('var2'));
}
 
</script>
 
<body onload="exec();">
</body>

Voy a http://localhost/Js/testB.html?var1=casa&var2=carro

y me devuelve "carro"

zerokilled · #3 (**permalink**) 22/05/2014, 15:48

buenas!

Cita:

Iniciado por el junco

Pero me devuelve este error:

Error Traced[line: 64] The entity name must immediately follow the '&' in the entity reference.

ese mensaje de error no es propio de javascript, sino del user agent del navegador o de un validador de html. lo que ahí sucede es que el script está integrado en el mismo html y la etiqueta SCRIPT es de tipo PCDATA (Parsed Character DATA). lo que significa es que el navegador evalua el contenido de la etiqueta para interpretar otras posibles etiquetas o entidades html. por eso en ocasiones verás script integrados que están envuelto dentro de un comentario html o dentro de un CDATA Section, para que el user-agent ignore esa porción.

Código:

<script ...>
// <![CDATA[      comentario de javascript para que el intérprete javascript no interprete el CDATA Section como código javascript
code
// ]]>
</script>

Código:

<script ...>
<!--               ironicamente el comentario html no necesita estar precedido por comentario javascript, o al menos los navegadores antiguos no lo requerian.
code
-->
</script>

el hecho de que no te funciona se debe más a la linea return sParameterName.split('=')[1];. estás supuesto hacer el split a la variable parameter. de todos modos, el código requiere más elaboración. imagina que tengo estos parámetros foo=bar&o=object y quiero capturar el parámetro o. ¿cual crees que será el resultado?

Alexis88 · #4 (**permalink**) 22/05/2014, 16:04

Ya que te ayudaron a resolver el problema, aporto con otra solución:

Código Javascript:

Ver originalvar fn = function(param){
        var query = location.search,
            pos = query.indexOf(param), //La ubicación del parámetro en la query string
            aux = null, val = null;
  
        if (pos > -1){
            //Tomo la parte de la query desde donde está el parámetro
            aux = query.substr(pos); 
 
            if (aux.indexOf("&") > -1)
                //Tomo el valor del parámetro cuando hayan más a su derecha
                val = aux.substring(aux.indexOf("=") + 1, aux.indexOf("&"));
            else
                //Tomo el valor del parámetro cuando este sea el último
                val = aux.split("=")[1];
          
            return val;
        }
  
        return false;
    };
 
document.body.innerHTML = fn("var1");

Saludos

Italico76 · #5 (**permalink**) 22/05/2014, 17:49

Que pena me meto a preguntar..... pero no lo logro entender bien

Es porque se declara el documento como XHTML en en el DOCTYPE o por que sucede esto ?

zerokilled · #6 (**permalink**) 22/05/2014, 18:13

si, lo muy probable por ser un xhtml. si comparas el DTD de html 4.01 en cualquiera de sus variantes versus cualquier xhtml, notarás que el tipo de dato es distinto para el mismo elemento.

Código:

DTD de html 4.01 strict
<!ELEMENT SCRIPT - - %Script;          -- script statements -->
<!ENTITY % Script "CDATA" -- script expression -->

DTD de xhtml1 strict
<!ELEMENT script (#PCDATA)>

el junco · #7 (**permalink**) 23/05/2014, 01:32

Cita:

Iniciado por zerokilled

buenas!

ese mensaje de error no es propio de javascript, sino del user agent del navegador o de un validador de html. lo que ahí sucede es que el script está integrado en el mismo html y la etiqueta SCRIPT es de tipo PCDATA (Parsed Character DATA). lo que significa es que el navegador evalua el contenido de la etiqueta para interpretar otras posibles etiquetas o entidades html. por eso en ocasiones verás script integrados que están envuelto dentro de un comentario html o dentro de un CDATA Section, para que el user-agent ignore esa porción.

Código:

<script ...>
// <![CDATA[      comentario de javascript para que el intérprete javascript no interprete el CDATA Section como código javascript
code
// ]]>
</script>

Código:

<script ...>
<!--               ironicamente el comentario html no necesita estar precedido por comentario javascript, o al menos los navegadores antiguos no lo requerian.
code
-->
</script>

el hecho de que no te funciona se debe más a la linea return sParameterName.split('=')[1];. estás supuesto hacer el split a la variable parameter. de todos modos, el código requiere más elaboración. imagina que tengo estos parámetros foo=bar&o=object y quiero capturar el parámetro o. ¿cual crees que será el resultado?

Muchas gracias, funcionó poniendo la seccion CDATA. En cuanto a que pasaría con foo=bar&o=object y quiero capturar el parámetro o, si que funciona, porque es precisamente lo que estoy haciendo, ya que estoy recuperando el segundo parametro.

Gracias de nuevo

zerokilled · #8 (**permalink**) 23/05/2014, 13:44

Cita:

Iniciado por el junco

En cuanto a que pasaría con foo=bar&o=object y quiero capturar el parámetro o, si que funciona, porque es precisamente lo que estoy haciendo, ya que estoy recuperando el segundo parametro.

¿supones, o lo comprobaste? a mi me devuelve bar en lugar de object.

en todo caso, lo haría de esta forma.

Código:

String.prototype.query = function(split, begin){
var split = split || ['&', '='], query = this, queryObj = {};
if(split.constructor != Array || split.length != 2)throw new TypeError('Excepted type of argument not valid or argument lenght size not allowed.');
if(begin)query = query.replace(begin, '');
query = query.split(split[0]);
	while(query.length){
	var pair = query.shift().split(split[1]);
		if(pair[0] in queryObj){
		if(queryObj[pair[0]].constructor != Array)queryObj[pair[0]] = new Array(queryObj[pair[0]]);
		queryObj[pair[0]].push(decodeURIComponent(pair[1]));
		}
		else queryObj[pair[0]] = (pair[1])? decodeURIComponent(pair[1]): undefined;
	}
return queryObj;
}

GET = 'foo=bar&o=object'.query();
GET['o']; // object;