Discussion :

[Zeus_Appolos]

Bonjour Tout le monde , j'ai besoin de votre aide.
j'ai un tableau PHP que je dois récupérer dans ma vue avec ajax en MVC.
mon code ajax

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var ajax_request = new XMLHttpRequest();
	ajax_request.open('POST', '/categories/index/' + page + '/' + query);
	ajax_request.send();
	ajax_request.onreadystatechange = function () {
		if (ajax_request.readyState == 4 && ajax_request.status == 200) {
			var response = JSON.parse(ajax_request.responseText);
			console.log(response);	
			//var response = eval(ajax_request);
			$('#post_data').html(response.data);
			$('#total_data').html(response.total_data);
			$('#pagination').html(response.pagination);
 
		}
	}

mon tableau à retourner (traitement.php)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$output = array(
            'data'              =>    $html,
            'pagination'        =>    $pagination_html,
            'total_data'        =>    $total_data
        );
	// $this->renderAdmin(url,[donnees], templete)
        $this->render('/categories/index', ['output' => json_encode($output), 'templete');

Mon problème : je n'arrive pas à recevoir les données au format json pour pouvoir les recupérer comme plus haut (retour ajax)

j'ai fait une deuxieme methode

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 public function send()
    {
        echo json_encode($this->output);
    }
$output = array(
            'data'              =>    $html,
            'pagination'        =>    $pagination_html,
            'total_data'        =>    $total_data
        );
        $this->output = $output;
        $this->render('/categories/index', ['output' => $this->send()], 'templete');

ça ne marche pas.

[binarygirl]

Regardez avec les outils de votre navigateur s'il y a des messages d'erreurs ou des choses intéressantes dans la console JS.
Accessoirement, assurez-vous que toutes les variables utilisées dans ce code ont une valeur, vous faites déjà des console.log donc vous pouvez afficher tout cela dans une fenêtre de debug.

[Zeus_Appolos]

Merci binarygirl,
je m'excuse pour mon message incomplet :
console.log(response) donne comme erreur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
VM54:1 Uncaught SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
    at JSON.parse (<anonymous>)
    at ajax_request.onreadystatechange (categorie.js:458:24)

[binarygirl]

Je ne sais pas si c'est complet mais c'est déjà un indice très instructif: au lieu de récupérer un flux JSON en fait c'est de l'HTML qui est retourné.
Donc ça peut être l'URL qui est mauvaise => affichez le résultat de la concaténation pour voir.

Vous pouvez parfaitement faire console.log pour du débug de JS, et afficher vos variables, etc

Essayez d'afficher le message HTML complet et le HTTP status code, ça vous dira déjà comment le serveur a interprété votre requête.
Il est aussi possible que la requête soit mauvaise donc le serveur ne peut pas la traiter.

Sinon, essayez de reconstituer un exemple partir de ce tuto: https://zetcode.com/javascript/xmlhttprequest/
et de l'adapter à votre besoin.

Évidemment, vérifiez que l'endpoint que vous appelez renvoie bien du JSON comme il faut, j'imagine que oui mais à tester.

Prévoyez aussi un peu de gestion d'erreur dans votre code JS, afin d'avoir plus de visibilité sur les problèmes qui peuvent survenir.

[Zeus_Appolos]

Toutes mes excuses pour la réponse très tardive

Essayez d'afficher le message HTML complet et le HTTP status code, ça vous dira déjà comment le serveur a interprété votre requête.
Il est aussi possible que la requête soit mauvaise donc le serveur ne peut pas la traiter.

Le serveur traite la requete. Je l'ai fait sans ajax. c-a-d seulement html/php et ça marche.

Prévoyez aussi un peu de gestion d'erreur dans votre code JS, afin d'avoir plus de visibilité sur les problèmes qui peuvent survenir.

Merci pour votre conseil

[Toufik83]

Bonjour,

Apparemment le retour est toute une page HTML avec <!DOCTYPE ....> et pas du JSON valide, donc une erreur d'ajax.

En MVC, un contrôleur fait appelle à une Méthode (action), et cette dernière fait appelle a une VUE (HTML), or ce que vous voulez récupérer c'est du JSON au format valide.

Vous devriez donc supprimer la ligne

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

$this->render('/categories/index', ['output' => $this->send()], 'templete');

pour empêcher la méthode d'appeler la VUE correspondante et la remplacer directement par $this->send();