Duda con AJAX+JSON

IVICP3 · #1 (**permalink**) 22/05/2015, 04:42

Estoy haciendo una peticion muy sencilla con AJAX a la web de Flickr para que me devuelva un json con los datos que le pida.

Primero le pido al usuario una palabra, entonces le mostraré al usuario las fotos con esa palabra entre sus etiquetas, pero cuando he hecho la primera busqueda quiero hacer otra búsqueda encima de esa, por ejemplo un usuario o un titulo.

No se exactamente como hacer otra busqueda encima de la primera, a ver si me podeis guiar para empezar.

Aqui os dejo el código

Código HTML:

Ver original<html>
<head>
<title>AJAX+JSON en Flickr</title>
 
<style>
.cuadro{
    display: inline-block;
    vertical-align: top;
    width: 300px;
}
</style>
 
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
 
<script>
    $(document).on("ready", atacarservidor);
 
    function atacarservidor(){
 
        $("#buscar").on("click", function(){
            var texto = "";
            var tag = $("#pal").val();
            //$("#imagenes").text("Cargando...");
            $('#imagenes').prepend('<img src="http://reader.ilmiolibro.kataweb.it/static/resources/imgs/loading.gif"/>')
 
            $.getJSON("https://api.flickr.com/services/feeds/photos_public.gne?tags=" + tag +"&tagmode=any&format=json&jsoncallback=?", function(datos){
 
                $.each(datos.items,function(i, item){
                    texto += "<div class='cuadro'>";
                    texto += "<p><b>" + item.title + "</b></p>"
                    texto += "<img src='" + item.media.m + "' ";
                    texto += "<p>" + item.author + "</p>"
                    texto += "</div>";
                });
                $("#imagenes").html(texto);
 
            });
 
 
 
 
        });
    }
 
 
</script>
 
</head>
 
<body>
Introduce una palabra: <input type="text" id="pal"><br>
<input type="button" id="buscar" value="Buscar">
 
 
<div id="imagenes"></div>
 
 
 
</body>
</html>