intercepter evenement click

Je débute en programmation objet.
Je cherche à écrire une fonction compacte qui intercepte le click et qui envoie au serveur une donnée aprés avoir cliqué sur un lien, plutôt que devoir écrire une fonction par id.
La solution est this mais je n'arrive pas à le formuler.
Merci de votre aide.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>
<meta name=viewport content="user-scalable=no,width=device-width" />
<link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
<script src=jquery.js></script>
<script src=jquery.mobile/jquery.mobile.js></script>
</head>
<body>
<div data-role=page id=home>
<div data-role=header>
<h1>Home</h1>
</div>
<div data-role=content>
<p> Contenu de la FenÃªtre 1 </p>
<a href=# id=link1> Aller sur la FenÃªtre 2 </a>
<a href=# id=link2> Aller sur la FenÃªtre 2 </a>
 
 
</div>
</div>
</body>
</html>
<script>
$("#link1").bind ("click", function (event)
{
$.mobile.changePage ("actiontravail.php",
{
data : { nom : "legrand", prenom : "jacque" }
});
});
$("#link2").bind ("click", function (event)
{
$.mobile.changePage ("actiontravail.php",
{
data : { nom : "blanc", prenom : "pierre" }
});
});
 
</script>

page sur le serveur

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?
$nom = $_REQUEST["nom"];
$prenom = $_REQUEST["prenom"];
$nom= utf8_decode ($nom);
$prenom= utf8_decode ($prenom);
$html= "";
$html.= "<div data-role=page data-add-back-btn=true>";
$html.="<div data-role=header>";
$html.="<h1>FenÃªtre 2</h1>";
$html.="</div>";
$html .="<div data-role=content>";
$html .="<p>Contenu de la FenÃªtre 2</p>";
$html .="<p>Nom : $nom</p>";
$html .="<p>PrÃ©nom : $prenom</p>";
$html .="</div>";
$html .= "</div>";
echo utf8_encode ($html);
?>