[Dojo] Récupération d'une variable javascript à partir d'un dojo bouton dans php

Récupération d'une variable javascript à partir d'un dojo bouton dans php

Bonjour, je recherche depuis un peu trop longtemps à faire passer une variable javascript dans du php, j'ai une FilteringSelect ou je sélectionne une donnée et en fonction de la valeur sélectionné je veux faire un update dans une base de donnée POSTRESQL

voila mon code

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
34
35
36
37
<script>dojoConfig = {async: true, parseOnLoad: true}</script><script src='js/dojo/dojo.js'></script><script>require([
    "dojo/ready", "dojo/store/Memory", "dijit/form/FilteringSelect"
], function(ready, Memory, FilteringSelect){
    var stateStore = new Memory({
		<?php include 'tmp/selectlibelletypeutilisateurs2.json';?> // je récupère ici mon json
   });
 
    ready(function(){
        var filteringSelect = new FilteringSelect({
            id: "role",
            name: "admin",
            value: "1",            
            store: stateStore,
            searchAttr: "name"
        }, "role");
    });
});</script>
</head>
<body class="claro">
    <input id="role"> 
 
		<button id="btn"></button>
		    <script>
		        require(["dijit/form/Button", "dojo/domReady!"], function(Button) {
		            var button = new Button({
		                label: "Get value!",               
		                onClick: function(){
						var test =dijit.byId('role').get('value');		
		             // ici je dois passer ma valeur en php;
		             // et faire mon update en base de donnée          
 
		                }
		            }, "btn");
		            button.startup();		           
		        });
 
		    </script>

J'ai essayer de faire test ="<?php echo $test?>" mais apparemment Dojo transforme le html et refuse les balises de php
Je vous remercie par avance

Bonjour,
- javascript : coté client.
- PHP : coté serveur.

Il te faut donc envoyer les données via la technique Ajax.

merci je viens de régler le problème sur un autre cas.
Voici le code correspondant.
Fichier test.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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
 
<?php include  'class/connectionBD.php';
$conn = new connexionBD();
$conn->connexion();
?>
<!DOCTYPE html>
<html >
<head>
 
<link rel="stylesheet" href="js/dijit/themes/claro/claro.css">
 
<script>dojoConfig = {async: true}</script><script src='js/dojo/dojo.js'></script>
<?php
        include 'outils/toolBox.php'; 
        $requete="SELECT libelleCentrale,libelleCentrale as libcen FROM centrale";
        $chemin ="tmp";
        $nomselect ="selectCentrale.json";
        $libelleattribut1 = "libellecentrale";
        $libelleattribut2 = "libcen";
        createJsonFile($requete,$chemin,$nomselect,$libelleattribut1,$libelleattribut2);                                
?>		
 
<script>require(["dijit/form/Select",
  	"dojo/data/ObjectStore",
  	"dojo/store/Memory"
	], function(Select, ObjectStore, Memory){
 
  var store = new Memory({
 
		<?php require 'tmp/selectCentrale.json'; ?>			
  });
 
  var os = new ObjectStore({ objectStore: store });
 
  var s = new Select({
    store: os
  }, "target");
  s.startup();
 
  s.on("change", function(){
	  var valeur =dijit.byId('target').get('value')
	  document.admin.cibleCentrale.value = valeur;		    
  })
})</script>
</head>
<body class="claro">
<form name="admin" id="admin">
    <div id="target" name="target"></div>    
      <input type="text"  name= "cibleCentrale" id ="cibleCentrale"  style="width: 80px ;">
    <input type="text"  name= "modifCentrale" id ="modifCentrale"  style="width: 80px">
    <div id="svrMessage">message du serveur</div>
 
	<button type="submit"  >Modifier</button>
 
<!-- ---------------------------------------------------------------------------------------------------------------------------------
//				Traitement ajax
/---------------------------------------------------------------------------------------------------------------------------------- --> 
<script>
require(["dojo/dom", "dojo/on", "dojo/request", "dojo/dom-form"],
		function(dom, on, request, domForm){
 
			var form = dom.byId('admin');
 
			// Attach the onsubmit event handler of the form
			on(form, "submit", function(evt){
 
				// prevent the page from navigating after submit
				evt.stopPropagation();
				evt.preventDefault();
 
				// Post the data to the server
				request.post("test1.php", {
					// Send the username and password
					data: domForm.toObject("admin"),									
				}).then(function(response){
					dom.byId('svrMessage').innerHTML = response;
				});
			});
		}
	);    </script>
 
<!-- -------------------------------------------------------------------------------------------------------------------------------
//		Fin traitement ajax		
//--------------------------------------------------------------------------------------------------------------------------------	-->
<?php $conn->deconnexion();     ?>		
</form>
</body>
</html>

et test1.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
34
35
36
 
<?php include  'class/connectionBD.php';
$conn = new connexionBD();
$conn->connexion();
?>
<div id="cible">
<?php
	if (isset($_POST['cibleCentrale'])){
	//récupération de l'id de la centrale 
	$reqIdCentrale="SELECT idcentrale FROM centrale where libellecentrale ='".$_POST['cibleCentrale']."';";
	$resIdCentrale =pg_query($reqIdCentrale);
	if (!$resIdCentrale) {
		echo "Erreur durant la requête.\n";
		exit;
	} else{
		$rowIdCentrale= pg_fetch_row($resIdCentrale);
		$idCentrale = $rowIdCentrale[0];
	}	
	if(isset($_POST['modifCentrale'])){
		//update de la table Centrale
		$updatereqCentrale ="UPDATE centrale SET  libellecentrale='".$_POST['modifCentrale']."'
				where idcentrale = '".$idCentrale."'";	
 
		$resreqCentrale = pg_query($updatereqCentrale);
 
		if (!$resreqCentrale) {
			pg_query("ROLLBACK");
		} else {
			pg_query("COMMIT");
			echo 'Le nom de la centrale a &eacute;t&eacute; mise &agrave; jour';
		}	
	}
}
 
$conn->deconnexion();	?>
</div>