Discussion :

[JPBruneau]

Bonjour,

Dans le html du visiteur, se déroule une partie d'échec, géré par un Javascript classique.
J'ai besoin lors de mon appel AJAX de passer en POST un Array est-ce possible ou quel conseil me donnez vous.

nota :mon appel Ajax est classique de cette forme:

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
27
28
29
<script>
/* ____ parti javascript puis appel AJAX___  */
function maFonctionAjax(action,MonArray)
{
  var MonAjax;
  if (window.XMLHttpRequest){ MonAjax = new XMLHttpRequest();}
  else if (window.ActiveXObject) {MonAjax = new ActiveXObject('Microsoft.XMLHTTP');}
  else {
    alert("Votre navigateur n'est pas adapté pour faire des requêtes AJAX..."); 
    MonAjax = false;   }
  MonAjax.open('POST',"wphototheque_ajax.php",true);
  MonAjax.onreadystatechange = function()
  {
      if (MonAjax.readyState == 4 && MonAjax.status == 200)
      {
       if (action!=777 && action!=888 )
        {  
         document.getElementById('LePave_hd').innerHTML = MonAjax.responseText;
        }
       if (action==777 || action==888 )
        {  
         document.getElementById('LePave_hd2').innerHTML = MonAjax.responseText;
        }
      }
  }
  MonAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
  MonAjax.send('action='+action+'&MonArray='+MonArray);                  
}
</script>

Merci d'avance.

[Doksuri]

a moins de visier un public de seniors qui ont encore une machine sous windows 95 avec IE... ce n'est plus necessaire de tester si le navigateur supporte l'ajax

de plus, il existe une syntaxe plus simple

Code javascript :

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

1
2
3
4
5
6
const data = new FormData();
data.append('quelqueChose', taVariable);
fetch('https://exemple.com/tonUrlDeTraitement', {
    method:'POST',
    body:data
})

ce code enverra taVariable en post a ton url de traitement. si tu attends quelque chose en retour, tu peux y ajouter un .then()

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
16
17
fetch('https://exemple.com/tonUrlDeTraitement', {
    method:'POST',
    body:data
})
.then(response => {
    if(!response.ok) {
        throw 'un probleme est survenu';
    }
    return response.text(); // si par exemple ton traitement te retourne un text
//    return response.json(); // si par exemple ton traitement te retourne un json
})
.then(data => {
    console.log(data);// ici tu peux traiter le retour de ton ajax
})
.catch(err => {
    console.log('erreur ajax', err);
});

[JPBruneau]

Merci , c'est bien plus simple .Je vas pouvoir simplifier mes AJAX , merci.

En fait je posait la question de savoir si passer un Array par Ajax serait lu et reconnu comme tel, par le PHP ?
A++
Jean-Pierre

[NoSmoking]

Bonjour,
les données qui transite ne sont qu'une suite de caractères il faut donc convertir l'objet en chaîne côté client et faire l'inverse côté serveur.

• Côté client	: maChaineObjet = JSON.stringify(monObjet)
• Côté serveur	: $monObjet = json_decode($maChaineObjet)

[JPBruneau]

Merci tu donnes un précieux complément, mais est-il possible que je le fasse en javascript ? ce serait la même syntaxe ?
Bon en tout cas à vous deux merci
De toute façon je mets résolu mais dis moi ça STP !

[NoSmoking]

... mais est-il possible que je le fasse en javascript ? ce serait la même syntaxe ?

pas trop compris la remarque !?!

Un petit exemple :

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
function action() {
  const data = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
  const URL = "fetch-url-requete.php";
 
  const formData = new FormData();
  formData.append("data", JSON.stringify(data));
 
  fetch(URL, {
      method: 'POST',
      body: formData,
    })
    .then((response) => response.text())
    .then((data) => {
      console.log(data);
    });
}

et récupération côté serveur avec par exemple:

Code php :

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

1
2
3
4
if(isset($_POST["data"])){
  $monArray = json_decode($_POST["data"]);
  var_dump($monArray);
}

[JPBruneau]

pas trop compris la remarque !?!

Merci à toi pour tout ce temps passer à m'aider, J'ai très bien compris à quel point c'était
simple à faire. mais à mon âge je suis resté au bon vieux Java Script fait "a la main "

Alors ma question si tu as un moment ,peux tu m'écrire l'équivalent en JavaScript ?
j'ai l'air bête car si ça tombe c'est trés simple, mais mes 83 ans doivent y être pour quelque chose

[NoSmoking]

Je ne comprends toujours pas car ce qui t'a été donné comme code est du JavaScript certes « moderne » mais du JavaScript quand même !

Si tu veux un équivalent plus ancien alors tu pourrais écrire quelque chose comme :

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
function oldAction() {
  const data = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
  const URL = "fetch-url-requete.php";
  const formData = "data=" + JSON.stringify(data);
 
  const oXhr = new XMLHttpRequest();
  oXhr.onload = function() {
    if (200 === this.status) {
      console.log(this.responseText);
    }
    else {
      console.log("Erreur : %s ", URL, this.statusText);
    }
  };
 
  oXhr.open("POST", URL, true);
  oXhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  oXhr.send(formData);
}

c'est plus verbeux mais le résultat devrait être le même.

[JPBruneau]

Merci encore et aux autres intervenants pareil <3