Ajax dans prestashop

bathie · March 21, 2016

Bonsoir

je suis entrain de bosser sur un module et j'ai un gros souci au niveau de l'utilisation d'ajax avec prestashop

en effet je souhaiterai envoyer une variable depuis mon js vers ma page php en ajax

pour l'envoyer je sais comment procéder du moins dans le fonctionnement de base d'ajax c'est à dire :

$.ajax({
             type: "POST", // methode de transmission des données au fichier php
             url: "test.php", // url du fichier php
             data: 'id=' + t, // données à transmettre
       success: function(data){ // si l'appel a bien fonctionné
       //blabla
       }
});

dans mon exemple le test.php est le fichier qui le fichier principal de mon module donc qui est à la racine du module, et dedans j'ai plusieurs fonctions...

le problème est que j'arrive pas à récupérer ma variable id transmise par ajax , j'ai vérifier depuis le debug de firefox l'envoi s'est bien déroulé mais avec un $_POST['id'] ou Tools::getValue('id') mais rien à faire c'est tout le temps vide

quelqu'un aurait une idée de ce qui me manque pour bien récupérer ma variable qui est envoyée depuis js avec ajax ?

Merci pour vos piste

coeos.pro · March 21, 2016

Sinon inspire toi d'un module tel que http://www.coeos.pro/fr/modules-prestashop/118-big-data-les-donnees-sql-en-csv-avec-facilite.html il y a pas mal d'ajax dedans, exemple:

$.ajax({
type: "POST",
headers: { "cache-control": "no-cache" },
url: "'._MODULE_DIR_.$this->name.'/ajax/fichier.php",
data: 	{
		"token" : "'.Configuration::get('token_'.$this->name).'"
	},
success: function(result)
{ 
	//...
},
error: function(result)
{
	//...
}
});

Eolia · March 22, 2016

N'appelez pas le fichier principal de votre module (qui est une classe) mais un fichier à coté: monmodule-ajax.php qui inclut votre classe de module si nécessaire:

<?php

require_once(dirname(__FILE__) . '/../../config/config.inc.php');
require_once(dirname(__FILE__). '/monmodule.php');

... code...

$value1 = Tools::getValue('ma_value1');
...

bathie · March 22, 2016

N'appelez pas le fichier principal de votre module (qui est une classe) mais un fichier à coté: monmodule-ajax.php qui inclut votre classe de module si nécessaire:
<?php

require_once(dirname(__FILE__) . '/../../config/config.inc.php');
require_once(dirname(__FILE__). '/monmodule.php');

... code...

$value1 = Tools::getValue('ma_value1');
...

j'ai crée un autre fichier genre test.php qui est aussi à la racine du module et j'ai fait comme dans votre code mais ça ne marche pas...

dans mon fichier js j'ai ça :

$(document).ready(function() {
    $('#product_1').change(function () {
        var t =  $("#product_1 option:selected").val();
        $.ajax({
            type: 'POST',
            url: '../modules/monmodule/test.php',
            data: {
            "test" : t
            },
            success: function(data)
            {

            }
     });
     
    .trigger('change');
});
});

et dans mon fichier test.php à la racine du module :

require_once(dirname(__FILE__).'../../../config/config.inc.php');
require_once(dirname(__FILE__).'../../../init.php');
require_once(dirname(__FILE__).'/monmodule.php');


$var = Tools::getValue('test');

ddd($var);//debug $var est vide

je me suis trompé quelques part ?

coeos.pro · March 22, 2016

commence par mettre var t = 'ok';

et url: "'._MODULE_DIR_.$this->name.'/test.php",

tu ne met rien dans success ? rajoute document.getElementById("results").innerHTML = result; avec une div id="results"

et met echo $var dans test.php au lieu de ddd

Eolia · March 22, 2016

Ou d($var) suffit.

init.php inutile depuis les 1.5

et le chemin me semble un cran trop haut pour ton config^^

1er cran tu remontes à /modules

2ème à la racine

Ouvre ta console et active ton display_error car là ce n'est pas bon.

Tu peux également appeler directement ton fichier dans ton navigateur http://monsite.com/modules/monmodule/test.php?test=toto

bathie · March 22, 2016

cette ligne me crée un 404 : "'._MODULE_DIR_.$this->name.'/test.php"

pour info je l'ai utilisé depuis un fichier.js et non un fichier php

est ce que le js peut interpréter ce code ?

coeos.pro · March 22, 2016

tu as mis ça dans un fichier js ?

_MODULE_DIR_.$this->name

(c'est du php)

Eolia · March 22, 2016

Non, javascript ne sait pas interpréter les variables ou constantes php.

Je pensais pourtant avoir été clair dans mon dernier message, mais ce n'est visiblement pas le cas

bathie · March 23, 2016

bonjour

désolé du temps de réponse mais je suis un peu perdu là

alors j'ai refais des essais mais j'ai un cas de figure bizarre

dans mon .JS j'ai ce code là :

$(document).ready(function() {
    $('#product_1').change(function () {
        var t = 'ok';
        $.ajax({
            type: 'POST',
            url: '../modules/monmodule/test.php',//je suis dans un fichier.js        
            //dataType: 'json',
            data: {
            "test" : t
            },
            success: function(data)
            {
              alert('envoi reussi');//ce message est bien apparu après recharge de la page donc pas de souci d'envoi
            }
     });
       
        alert(t);
 
    })
    .trigger('change');
});

en fait quand je regarde dans mon debug de firefox j'ai bien une réponse 200 ce qui veut dire que l'envoi s'est bien passé sauf que quand je fais un echo dans mon test.php

qui contient ça :

require_once(dirname(__FILE__).'../../../config/config.inc.php');//cest le bon niveau

$var = Tools::getValue('test');

echo($var);

bah là il m'affiche rien du tout mon echo et pourtant j'ai une réponse de 200...

si vous avez une idée du comment

Et aussi j'ai une question dans le cas je voudrais récupérer ma variable mais directement dans mon fichier module par exemple dans une function getId() qui est definie est ce que c'est possible de ciblé mon envoi non seulement dans mon fichier.php mais aussi qu'il soit réceptionner dans ma fonction souhaitée ?

erouvier29 · March 23, 2016

En respectant strictement le code ci-dessus, les requêtes test.php (1 au chargement de la page + 1 à chaque modif+validation du champ #product_1) répondent avec le contenu du fichier test.php ("require_once( ... echo($var);"). En ajoutant <?php au début de test.php, elles répondent bien "ok".

Question très bête: vous regardez bien la réponse dans l'outil d'inspection Réseau, onglet Réponse, n'est-ce pas?

Parce qu'on est d'accord, rien n'est prévu pour le moment pour afficher de quelque manière que ce soit la réponse dans la page.

bathie · March 23, 2016

En respectant strictement le code ci-dessus, les requêtes test.php (1 au chargement de la page + 1 à chaque modif+validation du champ #product_1) répondent avec le contenu du fichier test.php ("require_once( ... echo($var);"). En ajoutant <?php au début de test.php, elles répondent bien "ok".

Question très bête: vous regardez bien la réponse dans l'outil d'inspection Réseau, onglet Réponse, n'est-ce pas?

Parce qu'on est d'accord, rien n'est prévu pour le moment pour afficher de quelque manière que ce soit la réponse dans la page.

oui je regarde bien dans l'outil d'inspection réseau de firefox...

mais du coup moi ce qui m'intéresse c'est de pouvoir l'afficher sur ma page parce que c'est une info qui me seras utiles comment je dois faire dans ce cas ?

erouvier29 · March 23, 2016

La réponse sera passée en argument de la fonction success (ligne 11: data). Vous pouvez en faire ce que vous voulez en js. Par exemple ouvrir un popup si c'est une message à destination de l'utilisateur, l'insérer dans votre page si c'est un bloc html, ou mettre à jour un champ de la page si c'est une valeur.

Mais il faudrait d'abord que vous la récupériez, ce qui ne semble pas être le cas...

Supprimer la ligne alert(t); et remplacez alert('envoi reussi'); par alert(data);

Que se passe-t-il au chargement de la page et lors d'une modif du champ?

bathie · March 23, 2016

ok je te ferais un retour après modif

coeos.pro · March 23, 2016

c'est normal qu'il n'y ai pas l'echo du fichier appelé.

tu as :

success: function(data)

{

alert('envoi reussi');//ce message est bien apparu après recharge de la page donc pas de souci d'envoi

}

il faut utiliser data

bathie · March 23, 2016

La réponse sera passée en argument de la fonction success (ligne 11: data). Vous pouvez en faire ce que vous voulez en js. Par exemple ouvrir un popup si c'est une message à destination de l'utilisateur, l'insérer dans votre page si c'est un bloc html, ou mettre à jour un champ de la page si c'est une valeur.

Mais il faudrait d'abord que vous la récupériez, ce qui ne semble pas être le cas...

Supprimer la ligne alert(t); et remplacez alert('envoi reussi'); par alert(data);

Que se passe-t-il au chargement de la page et lors d'une modif du champ?

avec ce code js là :

$(document).ready(function() {
    $('#product_1').change(function () {       
        var t = 'ok';
        $.ajax({
            type: 'POST',
            url: '../modules/customizer/test.php',       
           
            data: {            
            "test" : t
            },
            success: function(data)
            {
              alert(data);
             $('#color_1').css('display','none');

            }
     });
        
 
    })
    .trigger('change');
});

l'alert m'affiche(ok)

dans mon test.php j'ai mis ça :

require_once(dirname(__FILE__).'../../../config/config.inc.php');

$t = Tools::getValue('test');

	echo $t;

mais ce qui me pose problème c'est que j'arrive toujours pas a affcihé mon echo $t quand je check l'url qui mène à ma page test.php bah elle est toujours vierge et je pense pas avoir mal fait un truc ...

erouvier29 · March 24, 2016

l'alert m'affiche(ok)

Donc ça fonctionnait depuis le début. Et je comprends enfin ce que tu voulais dire par "mon echo ne donne rien".

Pour tester le script en direct, il faut l'alimenter en données:

Tu peux également appeler directement ton fichier dans ton navigateur http://monsite.com/modules/monmodule/test.php?test=toto

bathie · March 24, 2016

quand je fais http://monsite.com/m...t.php?test=toto là j'ai bien un retour de mon echo qui m'affiche toto donc mon Tools::getValue('test') contient la valeur qui vient de mon js c'est déjà ça

mais est ce que ce meme code (coté js ) marcherai sur mon fichier principal de mon module sachant que dedans j'ai beaucoup de fonction ? pour rappel test.php est juste un fichier à la racine qui n'a rien à voir avec le fonctionnement du module

erouvier29 · March 24, 2016

Oui, à la condition par exemple d'ajouter un paramètre ajax=1 et de coder correctement la classe principale du module. Tu peux t'inspirer pour ça de modules/contrôleurs existants (cherche ceux qui définissent une méthode du genre processAjax). Sinon tu peux conserver ton script séparé, y inclure tout ce qu'il faut et appeler les fonctions qui vont bien.

bathie · March 24, 2016

ok je vais exploiter cette piste

bathie · March 27, 2016

Bonjour

je reviens vers vous parce que mon problème n'est toujours pas résolu

alors j'ai refais des recherches etc etc et donc je veux garder mon script séparé et l'appeler dans mon fichier principal du module.

donc en gros dans mon fichier.js j'ai ça :

$(document).ready(function() {
	$('#product_1').change(function () {
      t =  $("#product_1 option:selected").val();	
		
		$.ajax({
			type: "POST",
			url: '../modules/customizer/test.php',
			data: { 
          ajax:true,        
          action: 'getId',
          ok:t
           },
			success: function(data) {
          alert(data);						
			}
		});
	})
	  .trigger('change');

});

dans mon fichier test.php (qui est à la racine de mon module)

include_once(dirname(__FILE__).'/../../config/config.inc.php');
include_once(dirname(__FILE__).'/../../init.php');

class Test{
	public function getId(){
	// Ajax query
	$test = Tools::getValue('ok');
			 echo ($test);

    }        
}

et enfin dans mon fichier principal du module qui est à la racine j'ai inclus mon test.php

include_once(dirname(__FILE__).'/../../config/config.inc.php');
include_once(dirname(__FILE__).'/../../init.php');
include_once(dirname(__FILE__).'/test.php');
.
.
.
.
.
 $ok = new Test();
  ddd($ok->getId());//cette ligne n'affiche rien....

d'après ces infos à quel niveau j'ai loupé un truc pour qu'il m'affiche rien depuis mon fichier principal du module ??

erouvier29 · March 29, 2016

Dans ce cas là, l'URL à fournir à $.ajax n'est plus "../modules/customizer/test.php", mais "../modules/customizer/customizer.php", en supposant que le fichier principal du module s'appelle customizer.php C'est dans ce fichier là que le traitement est maintenant réellement fait (lignes 9 et 10). Le fichier test.php ne fait que définir la classe Test.

bathie · March 29, 2016

Merci pour ta réponse mais le problème est que je veux que le traitement se fasse dans le test.php

donc dedans j'ai :

<?php
include_once(dirname(__FILE__).'/../../config/config.inc.php');
include_once(dirname(__FILE__).'/../../init.php');
//include_once(dirname(__FILE__).'/../../classes/Cookie.php');
include_once(dirname(__FILE__).'/customizer.php');



class Test{
	public function getId(){		
	// Ajax query
	$test = Tools::getValue('ok');
			 echo ($test);
	

    }        
}

?>

et dans mon fichier.js

$(document).ready(function() {
	$('#product_1').change(function () {
      t =  $("#product_1 option:selected").val();	
     // $.cookie("test2", t);
		
		$.ajax({
			type: "POST",
			//url: '../modules/customizer/test.php',
      url: '../modules/customizer/test.php',
			data: { 
          ajax:true,        
          action: 'getId',
          ok:t
           },
			success: function(data) {
          alert(data);
        					
			}
		});
	})
	  .trigger('change');

});

mais là mon alert affiche vide et je vois pas d'ou vient le soucis

erouvier29 · March 30, 2016

Dans ce cas:

Supprime les lignes 9 et 10 du fichier principal
Pas besoin du paramètre ajax: true dans la requête (il sert si la requête est dirigée vers le module ou un contrôleur)
Code effectivement le traitement de la requête dans test.php

Par exemple, en conservant ce qui est déjà en place:

<?php
include_once(dirname(__FILE__).'/../../config/config.inc.php');
include_once(dirname(__FILE__).'/../../init.php');

class Test {
    public function getId() {
        $test = Tools::getValue('ok');
        echo($test);
    }
}

$action = Tools::getValue('action');
if ($action) {
    $test = new Test();
    $test->$action();
}

Sur réception de la requête:

Le fichier test.php va être exécuté
La classe Test va êtré déclarée
Le paramètre action va être récupéré et, si il est défini, une instance de la classe Test va être créée et la méthode correspondant au paramètre va y être exécutée

bathie · March 30, 2016

ok merci pour la réponse mais que représente action dans :

$action = Tools::getValue('action');
if ($action) {
    $test = new Test();
    $test->$action();
}

erouvier29 · March 30, 2016

$.ajax({

type: "POST",

url: '../modules/customizer/test.php',

data: {

ajax: true,

action: 'getId', /* <== CECI */

ok: t

},

success: function(data) {

alert(data),

}

});

erouvier29 · March 30, 2016

Pan sur le bec... ;-)

Eolia · March 30, 2016

Courage Eric...

bathie · March 30, 2016

merci ĵe ferais un retour après modif de tout ça, il me reste que la partie ajax pour finaliser mon module c'est un peu embêtant d'être bloqué par ça

bathie · April 2, 2016

Dans ce cas:

Supprime les lignes 9 et 10 du fichier principal

Pas besoin du paramètre ajax: true dans la requête (il sert si la requête est dirigée vers le module ou un contrôleur)

Code effectivement le traitement de la requête dans test.php

Par exemple, en conservant ce qui est déjà en place:
<?php
include_once(dirname(__FILE__).'/../../config/config.inc.php');
include_once(dirname(__FILE__).'/../../init.php');

class Test {
    public function getId() {
        $test = Tools::getValue('ok');
        echo($test);
    }
}

$action = Tools::getValue('action');
if ($action) {
    $test = new Test();
    $test->$action();
}
Sur réception de la requête:

Le fichier test.php va être exécuté

La classe Test va êtré déclarée

Le paramètre action va être récupéré et, si il est défini, une instance de la classe Test va être créée et la méthode correspondant au paramètre va y être exécutée

bonjour

je viens d'essayer le code ça marche merci en tout cas

j'ai juste un petit problème now quand j'essaye d'envoyer une variable vers une page tpl ça ne marche pas...

voici le contenu de ma page test.php

<?php
include_once(dirname(__FILE__).'/../../config/config.inc.php');
include_once(dirname(__FILE__).'/../../init.php');
include_once(dirname(__FILE__).'/customizer.php');


class Test{
	public function getId(){		
	$test = Tools::getValue('ok');
	echo ($test);

	$custo = new Customizer();
	$color = $custo->getColor($test);//couleur de l'element select
	
	global $smarty;
	$smarty->assign('color', $color);//variable a envoyé dans form.tpl
	$smarty->display(__FILE__,'/views/templates/admin/_configure/helpers/form/form.tpl');
	

    }

    
    
}

$action = Tools::getValue('action');
if ($action) {
    $test = new Test();
    $test->$action();
}


?>

le problème ici j'ai un alert qui m'affiche le contenu de ma page test.php (le code au dessus)

et après j'ai un message me disant :

Notice à la ligne 238 du fichier /home/XXXXXXXX/prestashop/cache/smarty/compile/58/b4/96/58b4961d4514331893027fa28e66e1b76090c56b.file.form.tpl.php
[8] Undefined index: color

Notice à la ligne 238 du fichier /home/XXXXXXXX/prestashop/cache/smarty/compile/58/b4/96/58b4961d4514331893027fa28e66e1b76090c56b.file.form.tpl.php
[8] Trying to get property of non-object

une idée sur le fait que mon assign marche pas comme il faut ?

Eolia · April 2, 2016

Oui...

Déjà global $smarty on oublie depuis la 1.5

Ensuite, assign() attend un array, pas autre chose.

Donc:

$context = Context::getContext();
$smarty = $context->smarty;

$smarty->assign(array('color' => $color));

Ca devrait aller un peu mieux

bathie · April 2, 2016

merci je viens de changer mais j'ai les même erreurs :

$context = Context::getContext();
$smarty = $context->smarty;
$smarty->assign(array('color' => $color));//variable a envoyé dans form.tpl
$smarty->display(__FILE__,'/views/templates/admin/_configure/helpers/form/form.tpl');

pour info mon fichier test.php est à la racine de mon module donc c'est pas le fichier principal ni controller ni override est que le problème vient pas de là ?

Eolia · April 2, 2016

Ah ben là ca ne marchera jamais.

Je ne crois pas que vous comprenez comment ça marche. Là vous essayez d'envoyer une variable smarty à un tpl qui est déjà exécuté, donc il ne se passera rien.

Dans l'ordre:

Supprimez votre variable $color du tpl, elle ne sert à rien.

Si votre retour ajax donne un résultat, vous utilisez javascript pour modifier l'affichage, c'est comme ça que cela fonctionne.

Si vous voulez utiliser smarty il faudra recharger la page (ou au moins une partie)

bathie · April 2, 2016

donc il est possible d'envoyer ma variable $color à mon fichier.js et de faire le traitement ?

Eolia · April 2, 2016

C'est le but, non ?

Ajax explication:

Fonctionnement classique d'une page:

l'internaute envoie des données (ou pas)
php génère le code et l'envoie à smarty
smarty génère du html avec ces données
Le tout est envoyé à l'internaute.

A ce moment là, la connexion internaute/serveur est terminée.

Si vous voulez que les données de la page soient modifiées en temps réel, sans recharger la page, c'est là qu' Ajax intervient (Asynchrone Javascript Xhtml)

Javascript, qui n'a pas le droit de modifier quoique ce soit sur le serveur, appelle un fichier php en lui envoyant des données (en GET ou POST)
PHP interprète ces données et renvoie sa réponse à javascript
Javascript reçoit donc des data qu'il peut injecter dans le html (et donc modifier l'affichage chez l'internaute)

bathie · April 2, 2016

là je dois faire un traitement en temps réel donc je vais essayer de creuser le coté ajax

bathie · April 3, 2016

ça y est j'ai trouvé la fonction ajax pour faire le traitement

mais j'ai un dernier point qui me fait la misère depuis des heures je veux récuperer le contenu d'un <li> à chaque fois qu'on click dessus mais ma fonction js marche qu'une seule fois... c'est à dire quand je click la première fois mais après quand je reclick dessus j'ai pas d'alert... voici mon code

$(document).ready(function() {
  $('#color_to_pick_list li').click(function() {

    var col1 =  $('#color_to_pick_list li.selected a.selected').attr('data-id-attribute');

    alert(col1);
  })
  

});

comment faire pour que à chaque click j'ai mon alert qui m'affiche la valeur de mon li qui a la class selected ??

erouvier29 · April 4, 2016

Avec ce code ça devrait le faire...

Après le premier clic, vous n'avez pas d'alerte ou vous avez une alerte vide?

Vérifiez aussi si vous avez des erreurs dans la console JavaScript.

bathie · April 4, 2016

quand je clic la première fois j'ai bien un alert() (pas vide) mais après plus rien quand reclic sur le meme li ou un autre et pourtant j'ai bien regardé la console j'ai pas d'erreur js

erouvier29 · April 4, 2016

Ce qui peut se passer, c'est que lors du premier clic, un autre callback est appelé, qui remplace les <li>.

Il faudrait analyser le code JS complet... Une URL?

Edited April 4, 2016 by erouvier29 (see edit history)

bathie · April 4, 2016

tu peux voir l'effet ici http://www.monshop.sambakane.com/accueil/16-packtest3.html

erouvier29 · April 6, 2016

C'est pas gagné! C'est bien ce que je pensais: tout le bloc qui contient les éléments auxquels vous attachez le callback est remplacé après le premier clic (requête ajax qui ramène un bloc html), et donc votre callback est perdu.

Je comprends que vous voulez légèrement modifier le comportement du module existant. Le mieux serait d'agir directement au sein de son propre code JS. pm_advancedpack/js/pack.js, ligne 528: le bloc est remplacé. Ajoutez votre traitement, en appelant par exemple une fonction définie dans votre propre JS. Par contre, ce n'est plus le moment de recoller un callback sur click parce qu'à ce moment-là, la couleur a déjà été sélectionnée.

bathie · April 6, 2016

ah je comprend mieux pourquoi ma fonction js marchait pas... du coup je vais essayer de creuser du coté pack.js il devrais y avoir un moins parce qu faut que je récupère id_color qui select...

merci pour l'info en tout cas je ferais un retour si j'ai quelques choses

bathie · April 13, 2016

C'est pas gagné! C'est bien ce que je pensais: tout le bloc qui contient les éléments auxquels vous attachez le callback est remplacé après le premier clic (requête ajax qui ramène un bloc html), et donc votre callback est perdu.

Je comprends que vous voulez légèrement modifier le comportement du module existant. Le mieux serait d'agir directement au sein de son propre code JS. pm_advancedpack/js/pack.js, ligne 528: le bloc est remplacé. Ajoutez votre traitement, en appelant par exemple une fonction définie dans votre propre JS. Par contre, ce n'est plus le moment de recoller un callback sur click parce qu'à ce moment-là, la couleur a déjà été sélectionnée.

finalement j'ai fait comme ça dans le pack.js y avait une fonction qui recupérer bien l id couleur au clic donc j'ai juste ajouter une fonction ajax pour récuperer ce dernier encore merci

Ajax dans prestashop

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment