Discussion :

[Koliko]

Bonjour,

�a fait un moment que je bloque sur ce probl�me.
Plus pr�cis�ment, je r�cup�re une variable de type tableau en Javascript dans ma Vue.
J'aimerais envoyer cette variable dans mon Controller puis vers vers le Model qui sont tous deux en Php.
Pour ce faire j'utilise l'objet getXMLHttpRequest():

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<input type="button" id="b2012 " class="buttonTab" value="2012" onclick="myFunction()"> 
 
<script>
 
function myFunction() {
      var sVar1 = ‘ bonjou r’;
      var sVar2 = ‘Antoine ‘; 
      xhr = getXMLHttpRequest(); 
      xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			document.getElementById("b2012").innerHTML = xhr.responseText;
		}
      };
      xhr.open("GET", "../controller?&variable1= " + sVar1 + "&variable2= " + sVar2, true);
      xhr.send(null);
}
 
</script>

Et dans le controller je fais un Get pour r�cup�rer me variables, puis je les renvois dans mon Model.
Malheureusement il y a un souci au niveau de l'envoie, je r�cup�re une variable vide et il y a chargement du footer/vue/header du controller.

�a fait une semaine que je cherche donc j'ai pu regarder sur pas mal de forums les solutions, mais je n'ai rien trouv� de cas similaire au mien.
J'avoue avoir un peu de mal � comprendre l'Ajax et l'interaction client/serveur mais je bouquine l� dessus. Si quelqu'un pouvait m'�clairer ce serait g�nial.

[nathieb]

Bonjour,

Je en sais pas quel Framework tu utilises pour ton d�veloppement PHP, mais si on se base sur
du standard MVC, quand tu fais un appel ajax, tu appelles ton controller principal, avec l'action sous jacente.
Dans cette derni�re tu dois shunter la r�cup�ration de la vue, car dans les frameworks MVC, l'appel de la vue
est sous entendue.

tu dois forcer l'encodage de la r�ponse en json, et faire un return de quelque chose autre que ta vue


Olivier

[Bovino]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
var sVar1 = ‘ bonjou r’;
var sVar2 = ‘Antoine ‘;

Tes variables sont r�ellement d�clar�es comme �a dans ton code ?

[Koliko]

@Nathieb:

En effet, j'avais oublier de pr�ciser que j'utilise CodeIgniter comme FrameWork.
Merci, je vais essayer d'appliquer ce que vous m'avez indiquer et je vous tiens au courant si je rencontre d'autres difficult�s.
Qu'entendez-vous par shunter?

@Bovino:

Non, mon vrai code est un peu moins bord�lique, ce qui m'importait c'�tait de vous expliquer mon probl�me et d'avoir une m�thode pour le r�soudre.

[NoSmoking]

Bonjour,

Non, mon vrai code est un peu moins bor...

je pense que Bovino faisait allusion au quote utilis� dans la d�claration de tes chaines.

[nathieb]

Bonjour,

J'ai trouv� cet exemple, c'est ce qu'on appelle "shunter", ou si tu veux changer le retour du controleur.

http://stackoverflow.com/questions/1...rom-controller

Olivier

[Koliko]

@NoSmoking

D'accord, je re-�dite mon code:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 
<input type="button" id="b2012 " class="buttonTab" value="2012" onclick="myFunction()"> 
 
<script>
 
function myFunction() {
      var sVar1 = "bonjour";
      var sVar2 = "Antoine"; 
      xhr = getXMLHttpRequest(); 
      xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			document.getElementById("b2012").innerHTML = xhr.responseText;
		}
      };
      xhr.open("GET", "../controller?&variable1= " + sVar1 + "&variable2= " + sVar2, true);
      xhr.send(null);
}
 
</script>

@Nathieb

Merci, pour l'explication. Je vais appliquer ceci � mon code et trifouiller pour que �a marche.

[nathieb]

Bonjour,

Quand j'utilise de l'ajax j'utilise firebug, il te permet de voir les allez retour de tes requ�tes.
Au moins tu sais ce qui se passe mais je pense que tu l'utilises d�j� ?

Olivier

[NoSmoking]

<input type="button" id="b2012 " class="buttonTab" value="2012" onclick="myFunction()">

compte tenu que tu veux modifier le innerHTML d'un INPUT type=button cela ne m'�tonne pas que tu ne visualises pas le r�sultat

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
    document.getElementById("b2012").innerHTML = xhr.responseText;
}

[Koliko]

J'ai r�ussi � envoyer ma variable dans le controller, alors ce que j'ai fais:

Dans la vue:

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<input type="button" id="b2012" ?>" class="buttonTab" value="2012" onclick="date_selected();">

Donc onclick j'applique la fonction "date_selected()":

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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
function dates_selected() { //récupère les dates sélectionnés dans un tableau  
       var tab = new Array("donnée 1", "donnée 2", "donnée 3", "donnée 4");
	scriptName = "http://localhost/.../index.php/c_consultation/recupvar";
	var xhr_object = null;                                      
	// ### Construction de l’objet XMLHttpRequest selon le type de navigateur
	// Cas des navigateurs de type Netscape (Firefore, Conqueror, etc.)
	if(window.XMLHttpRequest)  xhr_object = new XMLHttpRequest(); // Cas du navigateur Internet Explorer
	else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); // Cas des navigateurs ne comprenant pas cette technologie (anciens navigateurs)
	else{
	    // XMLHttpRequest non supporté par le navigateur
	    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
	    return;
	}   
	// Fin construction de l’objet XMLHttpRequest
	xhr_object.open("POST", scriptName, true); //  Définition du comportement à adopter sur le changement d’état de l’objet
	// XMLHttpRequest
	xhr_object.onreadystatechange = function(){
	    // Etat : requête terminée, réponse récupérée
	    if(xhr_object.readyState == 4){
		document.write(xhr_object.responseText);
	    }
	    return xhr_object.readyState;
	}
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhr_object.send("latlng="+args);//je fais l envoi a php ici
}

Je r�cup�re ainsi ma variable tab dans le fonction recupvar de mon controller comme ceci:

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
class c_consultation extends CI_Controller {
	public function recupvar(){
	      $variable1 = array();
	      if((isset($_POST["latlng"]))&&(!empty($_POST["latlng"]))){
		  $variable1 = $_POST["latlng"];
	      }
	      else{
		      echo "FAIL";
	      }
	     return $variable1;
	}

Ensuite je veux envoyer cette variable vers mon mod�le pour qu'elle change la valeur dans mon tableau comme �a:

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
$annee = $this->recupvar();					
$this->load->model('m_model');
$data['tab'] = $this->m_model->consult_un($annee);

Et ce code me renvoie une page blanche. Je ne dois pas avoir la bonne m�thode pour shunter la vue...
Je continue mes recherches.