Recibir datos a través de AJAX

[bathorz]

Podría ser con json:

Código Javascript:

function inicioEnvio() {
        $(".lista-usuario").html('<img src="http://www.forosdelweb.com/f179/imagenes/1.jpg">');
      }
 
      function llegadaDatos(datos) {
        datos = $.parseJSON(datos);
        $(".lista-artistas").html(datos.artistas);
        $(".lista-canciones").html(datos.canciones);
      }
 
      $(document).ready(function() {
        $("#boton").click(function(e) {
          e.preventDefault();
          var problemas = 'fallo';
          //var title = 'tit_1';
          $.ajax({
            async: true,
            type: "POST",
            dataType: "html",
            contentType: "application/x-www-form-urlencoded",
            url: "proc3.php",
            //data: "titulo=" + title,
            beforeSend: inicioEnvio,
            success: llegadaDatos,
            timeout: 4000,
            error: problemas
          });
        });
      });
 

Código HTML:

<style type="text/css">
      div{border: solid 1px; margin: 2px;}
</style>
<div class="lista-artistas">lista artistas</div>
    <div class="lista-canciones">lista canciones
</div>
<button id="boton">Boton</button>
 

proc3.php

Código PHP:

$aArray = array(
   'artistas' => "<li><a href='#'><span class='artista'>artista 1</span></a></li>"
   . "<li><a href='#'><span class='artista'>artista 2</span></a></li>",
   'canciones' => "<li><a href='#'><span class='artista'>cancion 1</span></a></li>"
   . "<li><a href='#'><span class='artista'>cancion 2</span></a></li>"
);
echo json_encode($aArray);