[SOLUCIONADO] Pasar arreglo de php a js (response)

[matiri90]

Hola gente.

Tengo un problema en un login que estoy haciendo..

Desde php paso un arreglo

Código PHP:

  $resultado = array('estado' => 'true');
return print(json_encode($resultado)); 
   

y en js

Código:

success: function(response){
	if (response.estado == "true"){
......

No me toma la variable..
No se si lo estoy pasando mal o que.. Estuve leyendo,pero no encontre una solucion..

La idea es que me redireccione a otra pagina..

Cualquier ayuda es bienvenida.. Gracias!!

[xfxstudios]

lo haria así:

Código PHP:

$resultado = array('estado' => 'true');
    echo json_encode($resultado);
 

Código Javascript:

$.post('url')
.done(function(resp){
    var datos = eval("("+resp+")");
    if(datos.estado){
        //loquesea
    }
})
.fail(fucntion(err){
 
})
 

[matiri90]

Gracias xfxstudios por responder..

Te muestro mi funcion, validar code

Me falto decir que es para controlar un formulario..

cuando hago

Código PHP:

$resultado = array('estado' => 'true');
    echo json_encode($resultado);
 

Solo me muestra


{"estado":"true"}
en JSON
estado: "true"

Y desde el js

Código Javascript:

$(document).ready(function() {
    $("#loginForm").bind("submit", function() {
        
        $.ajax({
            type: $(this).attr("method"),
            url: $(this).attr("action"),
            data: $(this).serialize(),
            beforeSend: function(){
                $("#loginForm button[type=submit]").html("enviando...");
                $("#loginForm button[type=submit]").attr("disabled","disabled");
            },
            success: function(response){
 
                if (response.estado == "true"){
 

Y solo ambia el boton de nombre y lo deshabilita..

Lo demas no lo hace.. Ademas, me manda a la pagina en donde valido el logo y me muestra lo de JSON que puse arriba..

[Alexis88]

Como recibes un objeto JSON, debes especificarlo en las opciones del método $.ajax():

Código Javascript:

dataType: "JSON"
 

[matiri90]

Gracias alexis por la respuesta..

Pero no funciona..

Código Javascript:

$(document).ready(function() {
    $("#loginForm").bind("submit", function() {
        
        $.ajax({
            type: $(this).attr("method"),
            url: $(this).attr("action"),
            data: $(this).serialize(),
            dataType: "JSON",
            beforeSend: function(){
                $("#loginForm button[type=submit]").html("enviando...");
                $("#loginForm button[type=submit]").attr("disabled","disabled");
            },
            success : function(response){
                if (response.estado){
 

No funciona, lo unico que cambia es el boton.. dice (enviando), y lo desactiva..
El problema es que no recibe bien el mensaje que le paso por json..

Igual es raro.. habra alguna otra forma de hacer esto?.

Desde ya gracias por la respuesta!

[xfxstudios]

y que te muestra la consola de depuración de tu navegador? verifica si aparece algún error y cual es

Prueba así a ver:

Código Javascript:

$(function(){
 
    //detecto el clic del boton enviar
    $("#boton").click(function(e){
        e.preventDefault()//detengo el envio del formulario
    })
 
    //Serializo los campos
    var data = $('formulario').serialize();
 
    //Cargo los cambios del boton
    $("#loginForm button[type=submit]").html("enviando...");
    $("#loginForm button[type=submit]").attr("disabled","disabled");
 
    //Envio la peticion
    $.post('url',data)
    .done(function(resp){
        //Cargo la respuesta
        console.log(resp);
        $("#loginForm button[type=submit]").html("Enviar");
        $("#loginForm button[type=submit]").removeAttr("disabled");
    })
    .fail(function(err){
        //muestro el error
        console.log(err)
        $("#loginForm button[type=submit]").html("Enviar");
        $("#loginForm button[type=submit]").removeAttr("disabled");
    })
 
})
 

[matiri90]

Bueno, la solucion era:

Código PHP:

header('Content-Type: application/json');
 
$resultado = array("estado" => "true");
return print(json_encode($resultado));
 

Código Javascript:

$(document).ready(function() {
 
    $("#loginForm").bind("submit", function() {
        
        $.ajax({
            type: $(this).attr("method"),
            url: $(this).attr("action"),
            data: $(this).serialize(),
            beforeSend: function(){
                $("#loginForm button[type=submit]").html("enviando...");
                $("#loginForm button[type=submit]").attr("disabled","disabled");
            },
            success: function(response){
 
                if (response.estado == "true"){
 
..
 

xfxstudios gracias por responder.. No me mostraba errores, solo que me mandaba el msj en json (aparecia en el developers tools en network.. y buscaba el archivo .php en el que enviaba el msj en json, y en response aparecia bien el msj.. estado:true.. Pero,no lo recibia bien, se ve..
Pero, asi como esta quedo bien..

Voy a tener en cuenta lo que respondiste para controlar futuros problemas..

Ojala le sirva a alguien..

Gracias a todos!.