[SOLUCIONADO] Tratar objeto enviado por ajax

[Maganius]

Wenas,

No estoy seguro si el tema va en esta sección de PHP pero como mi duda principal esta del lado del servidor lo agrego aqui.

Estoy intentando enviar un objeto mediante ajax a un archivo PHP, el problema esta en que no se si estoy haciendo las cosas bien, les muestro un poco el código.

HTML

Código HTML:

<a href="#" class="send-estado-compra-web" data-rel="{estado:1,key:1985}">Aprobado</a>
 

Mi ídea era ir armando un objeto con los datos mediante data-rel para luego pasarlos por ajax a un archivo PHP.

JS

Código Javascript:

function sendPOST(a, b, t) {
    var $data = JSON.stringify($(t).attr("data-rel"));
 
    $.ajax({
        type: "POST",
        url: a,
        data: {datos:$data},
        dataType: "json",
        cache: !0,
        success: function(a) {
            b.html(a)
        },
        error: function(e) {
            b.html('<h4 class="ajax-loading-error"><i class="fa fa-warning txt-color-orangeDark"></i> '+e.responseText+'</h4>')
        },
        async: !0
    })
}
 

a = url del PHP
b = contenido donde se va a cargar la respuesta del AJAX
t = paso el objeto del elemento cuando realizo el click = $(this);

PHP

Código PHP:

var_dump($_POST);
$data = json_decode($_POST[0],true);
echo $data;
 
El dump me muestra:  array(1) { ["datos"]=> string(21) ""{estado:1,key:1689}"" }
 
$data muestra = {estado:1,key:1689}
 

Los datos me los esta enviando como texto, pero yo los quiero enviar como un arreglo para luego poder acceder de la forma clasica: $data["estado"];

Al enviarlo como texto es imposible acceder como un arreglo.

De que forma puedo enviar mis datos para que del lado del servidor los trabaje como un arreglo?

O tal vez lo que intento no se pueda jaja.

Gracias!

[Maganius]

Despues de leer el topic me di cuenta que en realidad va en la sección javascript. Ya estoy dormido jaja que algun mod lo mueva.

[gajosu]

Cuando tomas el atributo data-rell lo estas haciendo un string, y ya por si solo es un string lo que tienes que hacer es cambiar esto

Código Javascript:

var $data = JSON.stringify($(t).attr("data-rel"));
 

por esto

Código Javascript:

var $data = JSON.parse($(t).attr("data-rel"));
 

el JSON.parse() covierte el string que toma jquery del atributo data-rel y lo convierte en un onjeto Json.

Saludos!

[gajosu]

el JSON.parse() convierte el string que toma jquery del atributo data-rel y lo convierte en un objeto Json.

con eso deberia de funcionar, Saludos!

[Maganius]

Muchas gracias gajosu, funciono perfectamente ahora puedo tratar el objecto adecuadamente.

Un dato por si alguien tiene la misma duda:

Cuando armen el objeto en el data-rel no utilizen comillas simples ' utilizen comillas dobles ya que las simples dan error.

Dejo el ejemplo funcionando.

Código HTML:

<li><a href="#" class="send-estado-compra-web" data-rel='{"estado":1,"key":1985}'>Aceptado</a></li>
 

Código Javascript:

function sendPOST(a, b, t) {
    var $data = JSON.parse($(t).attr("data-rel"));
    
    $.ajax({
        type: "POST",
        url: a,
    data: {datos:$data},
    dataType: "json",
        cache: !0,
        success: function(a) {
            b.html(a)
        },
        error: function(e) {
            b.html('<h4 class="ajax-loading-error"><i class="fa fa-warning txt-color-orangeDark"></i> '+e.responseText+'</h4>')
        },
        async: !0
    })
}