AJAX - Jquery Ajax variable a php not found

Hola buenas:
Tengo escritos un php y un Jquery, el Jquery se ocupa de recoger el texto de un y de realizar un get mandando esa variable al php y al recibir respuesta mostrar una foto. Al ejecutarlo en la consola del inspector de elementos me sale esto: jquery.js:9536 GET http://localhost/pruebas/prueba.php?artista= 404 (Not Found)

Os subo las imágenes aquí de los archivos y a ver si me podéis ayudar.
Html sencillo para realizar pruebas.


Jquery que recoge el texto del p "kast-np-artist" y llama al php y su funcion.


PHP que se conecta a la base de datos donde están guardados los nombre de las fotos de los artistas hace la sentencia SQL recorre la base de datos y devuelve la ruta.


No encuentro el fallo, llevo un par de dias con ello, estoy aprendiendo ajax y no soy capaz de resolver esto.
Gracias de antemano a todos aquellos que lo lean.
Un saludo

Creo que tu error esta en llamar el fichero http://localhost/pruebas/prueba.php?artista= 404 (Not Found), 404 es una excepción que indica que la pagina que busca no se encuentra, chequea la dirección a la hora de llamar al código php en tu ajax. si fuese el caso de un error en código te daría 505 (Internal Server Error).

Prueba ejecutando el php desde el navegador, es decir, escribe en la linea de navegacion
http://localhost/pruebas/prueba.php?artista=404

2) Creo que es mejor que hagas la seleccion en la consulta, es decir,

Asi dejas que el RDBMS haga la seleccion y no lo haces en PHP, que pudiera acelerar el proceso

Si aun quieres usar el loop puedes simplificarlo como


echo $result;

Buenas, gracias por la respuesta lo primero, lo segundo es que he ejecutado el php y si le paso "http://localhost/Artistas/pruebas/prueba.php?artista=Coldplay" hace perfectamente lo que tiene que hacer me devuelve la ruta de la foto a la que quiero acceder.
Acabo de ejecutar el programa normal otra vez y ahora me salta este error :
http://localhost/Artistas/data Failed to load resource: the server responded with a status of 404 (Not Found)
Eso significa que no encuentra la foto? que la ruta a la foto que el php devuelve esta mal?

Primero revisa que la foto que buscas este en la carpeta y segundo, estas paso una dirección con espacio (fotos artistas) cuando debe ser (fotosartistas) o fotos_artistas.

Creo que tiene algo que ver con el data, creo que no se manda bien pork tengo puesto un console.log(data) para que saque por consola que hay en data y esto no muestra nada...

Ponle en la condición si no encuentra el artista que te muestre echo"not fount"; Así sabes si es que no esta encontrando el fondo. Es lo mas probable, como no encuentra nada no hay respuesta desde tu código php.

Definitivamente en la condición se me va por el else, pero bueno lo he forzado a que devuelva una ruta en el else:



Y me he dado cuenta de que una vez ejecutado la propiedad css de backgorund al div fondo si se la aplica:



Y me salta este error y no se pork...



El data no lo termino de entender si en el console.log(data) imprime la ruta no se pork le dice not found

console.log es para mostrar datos de una operacion o variables (console.log( 5 + 6 )), prueba $("#div").innerHTML(console.log(data)); (data) es la respuesta que viene desde tu código php, cualquier cosa que responda el código php;

Lo he probado en el Jquery directamente, en al consola del inspector de elementos y nada... si lo pongo en el jquery directamente me muestra como en la primera foto porque tengo puesto un console.log(data) pero si lo pongo en la consola del inspector me dice que es undefined.

Pon esto en la linea donde asignas el background $('.fondo').css('background-image', 'url(' + data + ')'); ademas no puedes poner en la consola $("#div").innerHTML(console.log(data)); porque data no es una variable global por lo tanto te pone que no esta undefined

Bien, ahora la foto sale! :) muchas gracias, pero ahora tengo otro problema...
Antes le he obligado a devolver la ruta de la foto por el else en el php:



y no consigo que salga por el if, no se porque la variable $cantautor que recibe con el get del jquery no la llena y no puede hacer la comparacion en el if. Alguna sugerencia?

intenta mandarlo por POST con Jquery.post() y en php $_POST['artista']

Sigue sin llenar la variable...
Aqui se deberia ver lo que lleva la variable creo:


Aqui te pongo los cambios que he hecho.



Aqui se ve como el Jquery si le pone las propiedades css pero la URL esta vacia...


Help pls! me estoy desesperando ya...