Ajax 500

Hello,

Avec Cake3, quand on souhaite faire une requête en AJAX et avoir un résultat en JSON, il y a rien de plus simple à faire. ^^
Le plus compliqué c'est de savoir qu'il existe une clé spéciale appelé _serialize qui s'occupe de tout. http://book.cakephp.org/3.0/fr/views/json-and-xml-views.html#utilisation-des-vues-de-donnees-avec-la-cle-serialize

Donc ca donnera quelque chose comme ça :

//Pour pouvoir utiliser "_serialize", il faut charger le Component "RequestHandler", c'est obligatoire.
public function initialize()
{
    parent::initialize();
    $this->loadComponent('RequestHandler');
}

public function test($nombre) {
    //Si la requête n'est pas une requête AJAX, alors on affiche une erreur 404.
    if (!$this->request->is('ajax')) {
        throw new \Cake\Network\Exception\NotFoundException();
    }

    $json = [];
    $json['nombre'] = 35;

    $this->set(compact('json'));
    $this->set('_serialize', 'json');
}

Tu n'a pas à créer de vue Homes/test.ctp ou Homes/json/test.ctp, et oui c'est ça la magie de _serialize. :)
Puis, le JavaScript :

$("#test").click(function() {
    var nombre = 35;

    $.ajax({
        url: "/homes/test/" + nombre,
        type : 'GET',
        dataType : 'json',
        success : function(response, statut) {
            console.log(response.nombre);
            //Ou
            console.log(response['nombre']);
        }
    });
});

Autre conseil, quand tu fait du JavaScript avec un Framework, ici en l’occurrence Cake3, j’insiste toujours les gens à récupérer l'URL dans l'HTML quand c'est possible.
Imaginons que #test soit l'ID d'un bouton :

<button id="test" data-url="<?= $this->Url->build(['controller' => 'homes', 'action' => 'test', 35]) ?>" ?>

Et le JavaScript :

$("#test").click(function() {
    $.ajax({
        url: $(this).attr("data-url"), //On récupère l'URL directement depuis le bouton
        type : 'GET',
        dataType : 'json',
        success : function(response, statut) {
            console.log(response.nombre);
            //Ou
            console.log(response['nombre']);
        }
    });
});

A quoi ça sert de faire comme ça ? C'est tout simplement que si un jour, pour X ou Y raisons, tu décides de modifier l'URL de la route /homes/test dans ton fichier routes.php, alors tu n'auras pas à modifier le JavaScript, vue qu'il récupère la route dynamiquement.