Duda Sobre Ajax y PHP

[lightning2014]

El codigo de ejemplo que yo trato es el siguiente:

Código:

<div id="bloque_geners">
		<ul class="gnr">
				
			<li><a class="lnk" href="#" title="Bachata">Bachata</a></li>
			<li><a class="lnk" href="#" title="Baladas">Baladas</a></li>
			<li><a class="lnk" href="#" title="Boleros">Boleros</a></li>
			
		</ul class="gnr">
	</div>
	<div class="listaInstan">

		<h1>The Best Songs...</h1>
		<div class="ti_base">
		   <span class="icons"></span>
		   <span class="artista">Artista</span>
		   <span class="tema">Tema</span>
		   <span class="wopc">Duración</span>
		   <span class="desc">Anuncio</span>
		</div>

		<ul class="lista-usuario lista_musica">

<?php
require 'connect.inc.php';

 $query="SELECT * FROM `musica` WHERE `id`!='1' order by rand()";

	if($query_run = mysql_query($query)){

		if(mysql_num_rows($query_run)==NULL){
			echo 'No se obtuvo ningun resultado';
				
		}else{ 
		echo"<li title='' aud='remix-prueba.mp3' name='../flash/' class='selecc'>
			<a data-tk='primerdaratk' rel='primerel' href='eminem'> 
			<i class='Ic IIa b_ordenar'></i> <i class='Ic IIb btn_play'></i> 
			<span class='artista'>Pollo Flaco</span> 
			<span class='tema'>New Remix 2014</span>
			 <span class='duracion'>Anonima</span></a></li>";
			while($query_row = mysql_fetch_assoc($query_run)){
				$aud = $query_row['aud'];
				$datatk = $query_row['datatk'];
				$rel = $query_row['rel'];
				$name = "../".$query_row['name'];
				$artista = $query_row['artista'];
				$tema = $query_row['tema'];
				$duracion = $query_row['duracion'];
	 	echo"<li title='' aud='$aud' name='$name' class=''>
			<a data-tk='$datatk' rel='$rel' href='eminem'> 
			<i class='Ic IIa b_ordenar'></i> <i class='Ic IIb btn_play'></i> 
			<span class='artista'>$artista</span> 
			<span class='tema'>$tema</span> 
			<span class='duracion'>$duracion</span></a></li>";				
			}
		}		
	}else{
		echo mysql_error();
	}
?>
	
		</ul>
	
	</div>

Y lo que quiero hacer es que al hacer click en cada enlace (Bachata, Baladas, Bolero) se cargue una lista de registros de la base de datos en "<ul class="lista-usuario lista_musica">", sin recargar la pagina osea usando AJAX. Mi base de datos tiene 3 tablas para cada genero con el mismo nombre de genero. Con este codigo logre cargar esta lista de otra base de datos que tambien cree para probar que se llama "canciones" y la tabla "musicas".

De antemano Gracias

[Patriarka]

Hola Amiguito,
es muy facil con Jquery.

mira este ejemplo, no hace falta que te explique nada:

Código PHP:

// Assign handlers immediately after making the request,
// and remember the jqXHR object for this request
var jqxhr = $.ajax( "example.php" )
.done(function() {
alert( "success" );
})
.fail(function() {
alert( "error" );
})
.always(function() {
alert( "complete" );
});
// Perform other work here ...
// Set another completion function for the request above
jqxhr.always(function() {
alert( "second complete" );
});
 

esta en la pagina oficial https://api.jquery.com/jQuery.ajax/