echange client serveur en JSON

Bonjour je souhaite aborder l'échange de données entre le client et le serveur par le biais du json.

J'arrive à retourner du json depuis le serveur mais je n'arrive pas à en envoyer

le serveur (serveur.php)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<?php
 
$chaine = '';
if( isset($_GET['chaine']) ){
    $chaine = $_GET['chaine'];
}
 
 
$retour = array(
    'chaine'    => strtoupper($chaine),
    'date'      => date('d/m/Y H:i:s'),
    'phpversion'=> phpversion()
);
 
// en ne mettant pas le header je peux voir apparaitre le json par un appel direct sur la page serveur
header('Content-type: application/json');
echo json_encode($retour);
?>

le client (client.php)

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
 
<form id="form">
    <input name="chaine" id="chaine" value="contenu_chaine" type="text">
    <input value="Envoyer" id="handle" type="submit">
</form>
 
<div id="retour">
    <i>vide</i>
</div>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
    $('#form').submit(function(e){
 
        e.preventDefault();
 
 
        $.getJSON(
            'serveur.php',
            {chaine: $('#chaine').val()},
            function(data){
                $('#retour').hide();
                $('#retour').html('')
                    .append('<b>Chaine</b> : '+data.chaine+'<br>')
                    .append('<b>Date</b> : '+data.date+'<br>')
                    .append('<b>Version PHP</b> : '+data.phpversion+'<br>');
                $('#retour').fadeIn();
            }
        );
    });
});
<script>

Merci