Así como el título, tengo este pequeño error en mi código, y no sé porque la función JSON.parse()
no me recibe el JSON que envio.
Actualmente uso Firefox, pero he intentado con Chrome (por si acaso) y no funciona, aunque creo que no tiene nada que ver.
pagina1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Problema</title>
<script src="funciones.js"></script>
</head>
<body>
Ingresar:
<form action="pagina1.php" method="post" id="formulario">
Nombre: <input type="text" name="name" id="name" size="50"> <br>
Contraseña:<input type="text" name="pass" id="pass" size="6"> <br>
<input type="submit" value="Ingresar" id='bt1'>
</form>
<a href="pagina1.php?cod=0">No tengo cuenta</a>
<div id="resultados">Your information will show below:<br></div>
</body>
</html>
Pienso que estoy enviado de manera errónea los datos a través del metodo post
, pero no lo creo, ya que estan bien codificados:
funciones.js
addEventListener('load',inicializarEventos,false);
function inicializarEventos()
{
var bt = document.getElementById('formulario'),
enl = document.getElementsByTagName('a')[0];
bt.addEventListener('submit', presionBoton, false);
enl.addEventListener('click', presionBoton1, false);
}
function codificarDatos() {
var cad = '',
name = document.getElementById('name').value,
pass = document.getElementById('pass').value;
cad = "name="+encodeURIComponent(name)+"&pass="+encodeURIComponent(pass);
return cad;
}
var conexion1;
function presionBoton(e) {
e.preventDefault();
conexion1 = new XMLHttpRequest();
conexion1.onreadystatechange = procesarEventos;
conexion1.open('POST', 'pagina1.php', true);
conexion1.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
conexion1.send(codificarDatos());
}
function presionBoton1(e) {
e.preventDefault();
conexion1 = new XMLHttpRequest();
conexion1.onreadystatechange = procesarEventos;
conexion1.open('GET', 'pagina1.php?cod=0', true);
conexion1.send();
}
function procesarEventos(e) {
var resultados = document.getElementById('resultados');
var datos = new Array();
if (conexion1.readyState == 4) {
if (conexion1.status == 200) {
resultados.innerHTML = JSON.parse(conexion1.responseText);
} else {
resultados.innerHTML = 'Error de autenticación';
}
} else {
resultados.innerHTML = 'Procesando...';
}
}
Como pueden ver, envio al servidor los datos correctamente y aún así me muestra el error.
pagina1.php
<?php
header('Content-Type: text/html; charset=utf-8');
if ( !isset($_REQUEST['cod']) ) {
} else {
$code = utf8_encode($_REQUEST['cod']);
$data;
$name = utf8_encode($_POST['name']);
$pass = utf8_encode($_POST['pass']);
if ($name == 'test' && $pass == 123) {
$data = '{bug: "when do we solve this bug?", helpMe: "mind"}, ';
}
$str = json_encode($data);
echo $str;
}
Nuevamente... Aquí los datos que mando, según yo, no tienen ningún error.
He leído que la función JSON.parse()
solo recibe datos codificados en utf-8
, y por lo tanto, he puesto en mi codigo de php la cabecera correspondiente.
{bug: "when do we solve this bug?", helpMe: "mind"}, '
Debería ser algo así:{ "bug": "when do we solve this bug?", "helpMe": "mind"}
. Qué valor tienes en tu variableconexion1.responseText
? Tiene pinta de que lo que sea que valga, no es JSON correcto.{ "bug": "when do we solve this bug?", "helpMe": "mind"}
, como usted me comentó. Por otro ladoconexion1.responseText
recibe el valor de la variable$str
del código de php."
, e.g."bug"
), tal como lo indica @ArianJMconexion1.responseText
, el error dice claramente que el JSON ha terminado antes de lo esperado. Así que tiene toda la pinta de queconexion1.responseText
no tiene un JSON completo, y no se puede hacer elparse
correctamente.