Récupérer une variable coté client et la récupérer dans le php

Bonjour, ça fait des jours que je galère sur l'implémentation suivante:

je veux cliquer sur une image récupérer le src de cette image en jquery ensuite envoyer cette (variable src) au serveur (la récupérer dans un fichier php)
donc j'ai ça :

1 fichier (index.php)

Code:

1
2
3
4
5
6
<div class="col-xs-6 col-sm-6 col-md-6">
	        	    <a href="gallery.php">
			    <img  id="imgppp" class=".img-rounded scale" src="<?php echo $data['lien_image'];?>" alt="my gallerie">
	                    </a>
			 </div>

2 fichier (script.js)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$(document).ready(function(){

	var lien = $('#imgppp');
	$(lien).on('click', function(){
		var monTexte = $(this).attr('src');
		alert (monTexte);
		$.getJSON('gallery.php', {text: monTexte}, function(data){
			console.log(data);
		});
	});
});

3 fichier (gallery.php)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<?php
             if(!empty($_GET)){
                 $text = strip_tags($_GET['text']);
                 $length = strlen($text);
                 $upper = strtoupper($text);
                 $response = [
                     'message'=>'Le lien compte '.$length.' caractères',
                     'uppercase' => 'Voici le lien en majuscules : '.$upper
                 ];
               echo json_encode($response);
}
?>

le problème est qu'au niveau de ma page (gallery.php) je ne récupère pas la(es) variable(s)... je souhaite juste faire un truc du genre

Code:

1
2
3
 
$mon_lien =$POST["message"];
echo $mon lien;

et voir la valeur de ma variable.
Merci