Cargar Json en Jquery

[AlejandroMora]

Hola amigos, lo que pasa que tengo una pregunta algo tonta pero que me tiene atorado, estoy tratando de hacer un Autocomplete, y todo va bien, pero tengo un problema a la hora de colorar la informacion que se genera en un Div.
tengo un script en PHP que me genera la informacion en Json, y todo va bien solo que no se como cargarla dentro de un Div por ejemplo, trate de usar ".append", pero cada que se generaba nuevo contenido se hiba acomulando y no actualizando. lo que he tratado, es vaciar el Div cada vez que se genera una consulta con ".empty", y volver a cargar el contenido con ".append". no se si esto sea lo mas correcto. asi que esa es mi pregunta de que otra forma puedo ir cargando el contenido de forma dinamica.

[sander]

Hola.

Creo que tienes que usar html o text para reemplazar cada ves que tu php te genere nuevos datos cargarlos siempre en el mismo div, algo asi:

Código Javascript:

$('#idDeTuDiv').html(TuJson);
 

o

Código Javascript:

$('#idDeTuDiv').text(TuJson);
 

Aunque seria mejor que pongas tu codigo, para asi poder ayudarte mejor.

Saludos

[AlejandroMora]

Gracias por la respuesta, pero tambien lo he intentado con ".html()" y lo que pasa es que me sustituye el contenido hasta solo dejar el ultimo "dato" del json.
ya que cada vez que pasa por el ciclo ".each"(no se si llamarlo asi), va sustituyendo en cada vuelta el valor.
lo que yo quisiera es cargar por ejemplo el contenido que fuera quedando por ejemplo asi:

<div id="item1">Primer item</div>
<div id="item2">Segundo item</div>
<div id="item3">Tercero item</div>

Obviamento el orden no importa, pero es la idea que tengo de como seria el resultado, y que este se vaya actualizando automaticamente y no se acomule como me sucede cuando uso ".append".

Esta es la solucion que ideé pero no se si sea la mas correcta es ahi donde surge mi duda.

Código Javascript:

$('.seach_box').keyup(function(){
    $('#load').empty();
    var item_name = $('.seach_box').val();
    $.ajax({
        url: 'item_search.php',
        type: 'POST',
        dataType: 'json',
        data: 'item='+item_name,
        success: function(data){
            $.each(data, function(index){
                var item_ = data[index].item;
                $('#load').append('<div>'+item_+'</div>');
            })
        }
    })
});
 

[sander]

Bueno amigo en realidad no te comprendo dices primero que no quieres que se acumule que quieres que se actualize, pero luegos dices que no quieres que se reemplaze.

En fin siendo un poco mas obejtivo y viendo que lo que quieres es un autocomplete, tu codigo estaria correcto, pero yo le pondria una pequeña modificacion, pensando que el autocomplete sea lo mas correcto posible, quedaria asi:

Código Javascript:

$('.seach_box').keyup(function(){
    var item_name = $('.seach_box').val();
    $.ajax({
        url: 'item_search.php',
        type: 'POST',
        dataType: 'json',
        data: 'item='+item_name,
        success: function(data){
                      if( data != '' && data != null )
                     {
                             $('#load').empty();            
                             $.each(data, function(index)
                             {
                                         var item_ = data[index].item;
                                        $('#load').append('<div>'+item_+'</div>')
                             });
                      }
        }
    })
});
 

Así tus resultados se limpiarían y se generarían siempre y cuando se tenga resultados no al simple evento de darle click a una tecla seria un poco mas exacta la respuesta.

[AlejandroMora]

Gracias por tu respuesta. En cuando a lo que parece que me contradigo es que si uso ".html" solo me regresaba el ultimo resultado no todo el array. Bueno aun así me has entendido muchas gracias.