Home / Questions / 196687
Accepted
Caruso
Asked: 2020-09-15 01:41:57 +0800 CST 2020-09-15 01:41:57 +0800 CST

I can't load a JSON in a select

  • 772

I get undefined repeatedly in a select. I load it this way:

function listarcategorias(){
    accion="listadocat";
    $.ajax({
	  
            type: "POST",
            url: "../gestionweb/includes/php/getcategoria.php",
            data: {"accion":accion}, 
            

            error: function(){
                alert("error petición ajax");
            },
            success: function(data){
                
       console.log(data);
               for (var i = 0; i < data.length; i++) {
                
        
                var newRow ="<option id="+data[i].idcategoria+">"+data[i].categoria+"</option>";
                  
                $(newRow).appendTo("#cat");                 
       
    
               
            }
           
        }
});}

So I have the select in html:

<label class="col-sm-1 control-label">CATEGORIA</label><select id="cat"></select>

And the console.log returns the array well:

[{"idcategoria":"1","categoria":"Fiambre"},{"idcategoria":"2","categoria":"Quesos"},{"idcategoria":"3","categoria":"general"},{"idcategoria":"4","categoria":"construccion en seco"}]

any help?

javascript

2 Answers

  1. Best Answer

    Missing an important setting $.ajaxwhen working withJSON

    dataType: 'json'

    Source: http://api.jquery.com/jquery.ajax/

    PS: Or as @Pablo Lozano says, you can decode it inside the successwith aJSON.parse()

    • 1

  2. Good afternoon dear friends, I also solved this problem thanks to your comments. I leave the code. Any questions, my email is [email protected]

      $.ajax({
                                    url:"../../ajax/tema.ajax.php",
                                    dataType: "json",
                                    type: "POST",
                                    data: ('grado='+grado

                                           ),
                                          success:function(data)
                                          {
                                               $("#asignatura").empty(); 
                                               for (var i = 0; i < data.length; i++) 
                                               {

                                                    var newRow ="<option id="+data[i].idunidad+">"+data[i].nomunidad+"</option>";

                                                    $(newRow).appendTo("#asignatura");                 

                                               }
                                               //alert(data);
                                          }

                            });
    • 0