Du PHP dans une fonction JavaScript que j'aimerais mettre dans un fichier toto.js

**guillaumeIOB** · 12/10/2017, 11h28

Bonjour à tous,

Mon problème est simple, j'ai une trentaine de fonctions javascript dans mon code principal (index.php), du type :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function statut (idA){
var xhr_object = null;
if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else {alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");return;}
xhr_object.open("POST", "sauve.php?joueur=<?php echo $joueur;?>&ong=statut&statut="+idA, true);
xhr_object.onreadystatechange = function() {if(xhr_object.readyState == 4) {document.getElementById("div_joueur").innerHTML = xhr_object.responseText;}}
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
var data = "joueur=<?php echo $joueur;?>&ong=statut&statut="+idA;
xhr_object.send(data);
}

Du coup, je rencontre plusieurs pbs, s'il vous plait :

1 - Comment mettre ces fonctions dans un fichier toto.js a part pour soulager le code de ma page index.php sachant que j'ai besoin d'intercaler une valeur PHP
2 - Je sais que j'utilise a la fois la fonction POST et GET, alors que je n'ai besoin que du GET, mais si j’enlève la fonction POST, cela ne fonctionne pas ????? la je comprends pas.

Pour info le fichier sauve.php récupere donc les GET :

Code :

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

1
2
3
4
5
6
7
8
9
 
session_start();
require ('conx.php');
require ('config.php');
require ('session.php');
 
$joueur = @$_GET["joueur "]; 
$statut = @$_GET["statut"]; 
......

Merci beaucoup pour votre aide.
Olivier

**SpaceFrog** · 12/10/2017, 16h34

Pour que le php dans ton js soit interprété deux possibilités soit tu changes l'extension de ton fichier js en .php
soit tu mets une directive sur ton serveur poru que php interprète avec php les fichiers d'extension .js

**ABCIWEB** · 12/10/2017, 17h53

Autre solution pour avoir un fichier js séparé, tu peux faire afficher les valeurs php dans le DOM et les récupérer ensuite en javascript. On peut se servir d'un input de type hidden situé n'importe où dans le body, ou encore se servir d'un attr d'une div ou d'un élément existant.

par exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<body>
 
<input type="hidden" id="joueur_js" value="<?= isset($_GET['joueur']) ? $_GET['joueur'] : '';?>">
 
</body>
 
<script>
...
 
xhr_object.open("POST", "sauve.php?joueur=document.getElementById('joueur_js').value&ong=statut&statut="+idA, true);
...
</script>

Au passage, inspires-toi de ma syntaxe avec isset() (ou variante "!empty") pour vérifier l'existence des variables php plutôt que d'utiliser l'opérateur de suppression des erreurs '@' qui ne doit être employé que si l'on ne peut pas faire autrement.

Invité · 12/10/2017, 18h01

Bonjour,

si je peux ne permettre.....

Code :

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

1
2
3
4
5
function statut (idA){
...
xhr_object.open("POST", "sauve.php?joueur=<?php echo $joueur;?>&ong=statut&statut="+idA, true);
...
}

Ce n'est pas plus simple en mettant "joueur" en paramètre à la fonction JavaScript ?

Code :

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

1
2
3
4
5
function statut (idA, joueur){
...
xhr_object.open("POST", "sauve.php?joueur="+joueur+"&ong=statut&statut="+idA, true);
...
}

Et dans le code PHP, on appelle la fonction JavaScript :

Code php :

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

1
2
<?php
echo '.... onBlabla="statut (\'idA\', \''.$joueur.'\');" ..........';

Ca semble être le B-A-BA, non ?...

N.B. L'input de type hidden, c'est bien aussi (je l'utilise aussi... quand nécessaire)

**guillaumeIOB** · 13/10/2017, 22h50

Bonsoir,

J'ai donc essayé plusieurs solutions et je ne reçois pas la reponse de ma fonction envoi, ni l'alert ni le resultat, ni le cerclage de idA :

J'ai donc un fichier php ->http://www.monsite.fr/index.php

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?php
$jour=2;
$cl_nom_j="toto";
?>
<head>
<script type="application/javascript" src="http://www.monsite.fr/codejs.js"></script>
</head>
<body>
<input type="text" placeholder="" name="nom_j" id="nom_j"  class="form-control" value="'.$cl_nom_j.'" onblur="envoi(\'nom_j\',0,'.$client.')" style="text-transform: uppercase">
</body>

J'ai donc monfichier codejs.js

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
15
 
function envoi (idA,nb,client) {
alert ('toto');
var idC = document.getElementById(idA).value;
var xhr_object = null;
if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else {alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");return;}
xhr_object.open("POST", "sauve.php?joueur="+joueur+"&nb="+nb+"&champ="+idA+"&"+idA+"="+idC, true);
xhr_object.onreadystatechange = function() {if(xhr_object.readyState == 4) {}}
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
var data = "joueur="+joueur+"&nb="+nb+"&champ="+idA+"&"+idA+"="+idC;
xhr_object.send(data);
var idC = document.getElementById(idA); idC.style.border="2px solid #00FF00";
}

Par contre si j’insère le code de la fonction envoi directement dans le code de la page index.php, la ça fonctionne, mais ça ne me sert a rien, le but étant de sortir le code javascript pour alléger le code de la page index.php.

Merci de votre aide.

Olivier

**NoSmoking** · 15/10/2017, 09h13

Bonjour,

xhr_object.open("POST", "sauve.php?joueur="+joueur+"&nb="+nb+"&champ="+idA+"&"+idA+"="+idC, true);

en POST, les paramètres sont à passer dans le send et non dans l'url.

**SpaceFrog** · 16/10/2017, 08h09

Tout dépend de si tu essayes de les récupérer coté serveur dans le $_POST ou le $_GET
On peut tout a fait faire du post et récupérer les données passées dans l'url en GET.
L'intérêt en est discutable, mais c'est techniquement réalisable.

**ABCIWEB** · 16/10/2017, 18h22

Envoyé par SpaceFrog

L'intérêt en est discutable, mais c'est techniquement réalisable.

Je me sers assez souvent des deux conjointement, c'est une façon de distinguer différents types de variables pour rendre plus lisible la construction de la requête et plus pratique la récupération des variables (selon moi). Mais effectivement c'est discutable et peut-être pas dans les meilleures normes.

Du PHP dans une fonction JavaScript que j'aimerais mettre dans un fichier toto.js

JavaScript

Discussions similaires

Partager

Partager