JQuery ou Ajax pour envoyer données du js vers php

Fermé

rfrfrf - 11 avril 2016 à 16:14
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 - 11 avril 2016 à 21:47

Salut,

J'ai un simple petit jeu de lettre que j'ai fait avec du javascript et je voudrai le refaire en php mais j'ai le problème d'envoi de données javascript pour qu'elle soit traiter par du php sans rechargement de la page et je ne sais pas le moyen le plus sécurisé et le plus facile est ce avec du Ajax ou jQuery je ne connais aucun des deux

voilà la chose que je veux faire

J'ai plusieurs images et quand je clique sur une image des variables javascript concernant celle çi doivent être traiter en php

A voir également:

JQuery ou Ajax pour envoyer données du js vers php
Envoyer vers - Guide
Windows 7 vers windows 10 - Accueil - Mise à jour
Reinstaller windows sans perte de données - Guide
Effacer les données de navigation - Guide
Clavier qwerty vers azerty - Guide

4 réponses

Réponse 1 / 4

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
11 avril 2016 à 16:28

Bonjour,

est ce avec du Ajax ou jQuery je ne connais aucun des deux

Jquery est une librairie JAVASCRIPT ....
AJAX est une "techno" (une "méthode") qui peut fonctionner sans jquery ...(dans ce cas c'est du xhtmlrequest ).. mais la syntaxe et l'utilisation de "l'ajax" est simplifiée avec JQUERY.

https://www.commentcamarche.net/contents/5-ajax-asynchronous-javascript-and-xml

https://www.commentcamarche.net/faq/18745-utilisation-de-l-objet-xmlhttprequest

https://openclassrooms.com/fr/courses/1424551-jquery-ecrivez-moins-pour-faire-plus/1424975-decouvrir-jquery

Voici un exemple d'ajax en jquery :
https://forums.commentcamarche.net/forum/affich-33258760-remplir-un-formulaire-dynamiquement-en-fonction-d-une-combobox#2
(bien entendu.. il faut importer dans ta page la librairie JQUERY que tu peux trouver ici : https://code.jquery.com/jquery-1.12.3.min.js )

Réponse 2 / 4

rfrfrf
11 avril 2016 à 18:20

Merci beaucoup pour tous les liens et les informations

Réponse 3 / 4

rfrfrf
11 avril 2016 à 19:36

S'il vous plait j'ai essayé de refaire l'exemple qui se trouve dans le lien que vous m'avez donner

https://www.commentcamarche.net/faq/18745-utilisation-de-l-objet-xmlhttprequest

mais il ne marche pas quand je clique sur executer rien ne se passe et j'ai pas d'erreurs
voilà ce que j'ai fait

j'ai trois fichiers
1-index.php
2-fonctions.js
3-traitement.php

code index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=UTF-8"
 http-equiv="content-type">
  <title>index</title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
 alink="#000088" link="#0000ff" vlink="#ff0000">
<br>
<?php include "fonctions.js";
?>
<br>
Nom : <input id="nom" value="" type="text">
<br>
Prénom : <input id="prenom" value=""
 type="text">
<br>
<input value="Executer" onclick="executeSample()"
 type="button">
<br>
</body>
</html>

fonctions.js

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
  
 <meta content="text/html; charset=UTF-8" http-equiv="content-type">
  <title>fonctions</title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
 alink="#000088" link="#0000ff" vlink="#ff0000">

<script language="javascript">
function callScript ( scriptName, args ){
 
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", scriptName, true);
xhr_object.onreadystatechange = function() { 
if(xhr_object.readyState == 4) {
eval(xhr_object.responseText);
}
return xhr_object.readyState;
} 
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

xhr_object.send(args);
}
function executeSample (){

var _nom = document.getElementById("nom").value;
var _prenom = document.getElementById("prenom").value;
var _data = "nom="+_nom+"&prenom="+_prenom;

callScript("traitement.php",_data);
}
</script>
<br>
</body>
</html>

traitement.php

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=UTF-8" http-equiv="content-type">
  <title>traitement</title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
 alink="#000088" link="#0000ff" vlink="#ff0000">
<?php 


if ( isset($_POST["nom"]) && !empty($_POST["nom"]) )
$nom = $_POST["nom"];
else
$nom = null;
if ( isset($_POST["prenom"]) && !empty($_POST["prenom"]) )
$prenom = $_POST["prenom"];
else
$prenom = null;
// --- Exécution du traitement
if ( $nom != null && $prenom != null ){
echo "alert('Nom=".$nom." ,Prenom=".$prenom."');";
}
?>
<br>
</body>
</html>

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
11 avril 2016 à 19:58

Tu as mis du html dans ton js... tetire le !

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
11 avril 2016 à 19:58

Idem dans le php...

Réponse 4 / 4

rfrfrf
Modifié par rfrfrf le 11/04/2016 à 21:01

j'ai retiré l'html mais ca ne marche pas je m'excuse je prends du temps pour répondre car je suis débutant

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
11 avril 2016 à 21:47

Montres nous le code modifié

Discussions similaires

Colis en cours de transport vers votre site de livraison ?

Javascript Arrondi à 2 chiffres après la virgule

le site de distribution

il est en cours de transport vers votre site de livraison

Nettoyer une base de données avec une liste