[SOLUCIONADO] Enviar datos recogidos de json

satjaen · #1 (**permalink**) 13/03/2014, 02:43

Hola, por favor tengo este código y lo que quiero es mandar un formulario y hacer un insert de los datos recogidos en el append.

Código Javascript:

Ver original$.ajax({
             type: "GET",
             url: "edit-total.php?tabla=1&id_aviso=" +id_aviso,
             beforeSend:function(objeto){ 
                $('#carga').css({display:'block'});
            },
            complete:function(){
                $('#carga').css('display','none');
                },
            })
           .done(function(json) {
            json = $.parseJSON(json)
            for(var i=0;i<json.length;i++)
            {
                $('.enlace8').append(
"<table width='100%' class='bl'><tr><td width='10%'>Dto</td><td  width='12%' class='dto' data-campo='descuento'><span>"+json[i].descuento+"</span></td><td  width='3%'></td><td>Dto</td><td></td><td>Dto</td><td></td></tr><tr><td width='10%'>Base</td><td  width='12%' class='dto' data-campo='pvp_total'><span>"+json[i].pvp_total+"</span></td><td  width='3%'></td><td>Base</td><td></td><td>Base</td><td></td></tr><tr><td  width='16%' style='padding:5px;border:solid #ddd;border-width:0 0 1px;' >Iva 21%</td><td width='10%' class='dto' data-campo='iva'><span>"+json[i].iva+"</span></td><td  width='3%'></td><td style='padding:5px;border:solid #ddd;border-width:0 0 1px;'>Iva 21%</td><td></td><td style='padding:5px;border:solid #ddd;border-width:0 0 1px;'>Iva 21%</td><td></td></tr><tr><td width='10%'>Total</td><td  width='12%' class='dto1' data-campo='total'><span>"+json[i].total+"</span></td><td  width='3%'></td><td>Total</td><td></td><td>Total</td><td></td></tr></table>");
            }       
                    
     });
            
    });

Gracias

Alexis88 · #2 (**permalink**) 13/03/2014, 10:46

Si te fijas, estás trabajando el bucle como si tuvieras varios objetos JSON, cuando supongo que debe ser uno con varios datos. Como un objeto JSON es iterable, te sugiero hacerlo con el método each, aunque claro, hacerlo con cualquier estructura repetitiva es válido.

Saludos

satjaen · #3 (**permalink**) 13/03/2014, 16:23

Cita:

Iniciado por Alexis88

Si te fijas, estás trabajando el bucle como si tuvieras varios objetos JSON, cuando supongo que debe ser uno con varios datos. Como un objeto JSON es iterable, te sugiero hacerlo con el método each, aunque claro, hacerlo con cualquier estructura repetitiva es válido.

Saludos

Gracias Alexis, he pensado en hacerlo así pero no me sale:

Código Javascript:

Ver original$('#form_account').append(
"<table width='100%'><tr><td width='10%'>Dto</td><td  width='12%' class='dto' data-campo='descuento'><span>"+json[i].descuento+"</span></td></tr><tr><td width='10%'>Base</td><td  width='12%' class='dto' data-campo='pvp_total'><span>"+json[i].pvp_total+"</span></td></tr><tr><td  width='16%' style='padding:5px;border:solid #ddd;border-width:0 0 1px;' >Iva 21%</td><td width='10%' class='dto' data-campo='iva'><span>"+json[i].iva+"</span></td></tr><tr><td width='10%'>Total</td><td  width='12%' class='dto1' data-campo='total'><span>"+json[i].total+"</span></td></tr></table>");
            }       
                    
     });
     
                    var dataString = $('#form_account').serialize();
 
                    $.ajax({
                    type: "POST",
                    url: "fact_mc.php",
                    data: dataString,
                    beforeSend:function(objeto){ 
                    $('#carga').css({display:'block'});
                    },
                    complete:function(){
                    $('#carga').css('display','none');
                    },
                    success: function(data) {
 
            }
        });

Alexis88 · #4 (**permalink**) 13/03/2014, 21:21

Una pregunta, ¿por qué usas índices?, ¿tienes más de un objeto JSON?, porque si solamente tienes uno, no serían necesarios y por el contrario, no obtendrías el resultado que esperas.

Saludos

satjaen · #5 (**permalink**) 14/03/2014, 01:44

Ok, entonces como lo hago ?

Alexis88 · #6 (**permalink**) 14/03/2014, 08:04

Si es un y sólo un objeto JSON, accede a sus atributos sin usar índices.

Código Javascript:

Ver originalvar json = {nombre: "Juan", edad: 20};
 
document.body.innerHTML += "Nombre: " + json.nombre + "<br />";
document.body.innerHTML += "Edad: " + json.edad;

Resultado:

Código HTML:

Ver originalNombre: Juan
Edad: 20

Saludos

satjaen · #7 (**permalink**) 14/03/2014, 11:20

Cita:

Iniciado por Alexis88

Si es un y sólo un objeto JSON, accede a sus atributos sin usar índices.

Código Javascript:

Ver originalvar json = {nombre: "Juan", edad: 20};
 
document.body.innerHTML += "Nombre: " + json.nombre + "<br />";
document.body.innerHTML += "Edad: " + json.edad;

Resultado:

Código HTML:

Ver originalNombre: Juan
Edad: 20

Saludos

Gracias Alexis, quieres decir así:

Código Javascript:

Ver original<script>
 
  $.ajax({
             type: "GET",
             url: "edit-total.php?tabla=1&id_aviso=" +id_aviso,
                         dataType: "json",
             beforeSend:function(objeto){ 
                        $('#carga').css({display:'block'});
            },
                        complete:function(){
                $('#carga').css('display','none');
                },
            })
         success: function(data){ 
                 var html_user ='' ;
                 if(data.length > 0){ 
                 $.each(data, function(i,item){ 
 
 html_user += '<td >'+item.descuento+'</td>';
 html_user += '<td >'+item.pvp_total+'</td>';
 html_user += '<td >'+item.iva+'</td>';
 html_user += '<td >'+item.total+'</td>';
 
 
 
}); 
 
 
 } 
 
         var dataString =  
 
                    $.ajax({
                    type: "POST",
                    url: "insertar.php",  -------> Aqui hago el insert en la base de datos
                    data: dataString,
                    beforeSend:function(objeto){ 
                    $('#carga').css({display:'block'});
                    },
                    complete:function(){
                    $('#carga').css('display','none');
                    },
                    success: function(data) {
 
            }
        });
 
   
  
  </script>

Pero como se haría el dataString ?

Podría ser ?:

Código Javascript:

Ver originalvar dataString = 'descuento='+item.descuento+'&pvp_total='+item.pvp_total+'&iva='+item.iva+'&total='+item.total;

Alexis88 · #8 (**permalink**) 14/03/2014, 11:36

Aparentemente, debería funcionar de esa forma. Inténtalo y nos dices cómo te fue.

Saludos

satjaen · #9 (**permalink**) 14/03/2014, 12:50

Cita:

Iniciado por Alexis88

Aparentemente, debería funcionar de esa forma. Inténtalo y nos dices cómo te fue.

Saludos

Alexis me da error que no están definidos los item:

Código Javascript:

Ver originalvar id_aviso = $('#id_aviso') .val();
 
  $.ajax({
             type: "GET",
             url: "edit-total.php?tabla=1&id_aviso=" +id_aviso,
             dataType: "json",
      beforeSend:function(objeto){ 
             $('#carga').css({display:'block'});
             },
             complete:function(){
             $('#carga').css('display','none');
             },
           success: function(data){ 
      var html_user ='' ;
    if(data.length > 0){ 
     $.each(data, function(i,item){ 
 
             html_user += '<td >'+item.descuento+'</td>';
             html_user += '<td >'+item.pvp_total+'</td>';
             html_user += '<td >'+item.iva+'</td>';
             html_user += '<td >'+item.total+'</td>';
 
 
 
              });
             
            }
 
        }
                
 });
 
 
    var dataString = 'descuento='+item.descuento+'&pvp_total='+item.pvp_total+'&iva='+item.iva+'&total='+item.total;
         
 
                    $.ajax({
                    type: "POST",
                    url: "insertar.php", 
                    data: dataString,
                    beforeSend:function(objeto){ 
                    $('#carga').css({display:'block'});
                    },
                    complete:function(){
                    $('#carga').css('display','none');
                    },
                    success: function(data) {
 
            }
        });

Alexis88 · #10 (**permalink**) 14/03/2014, 13:08

1. Nuevamente estás iterando al objeto JSON, no sé por qué lo haces si al fin de cuentas accedes a tus atributos directamente.

2. No puedes manipular los datos del objeto fuera de la función en donde se genera.

Supongo que intentas enviar la segunda petición asíncrona (Ajax) luego de haber ejecutado la primera. En ese caso, en el método success de la primera, realiza la segunda petición, así el objeto estará al alcance y será accesible.

Saludos