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

Fermé

rfrfrf - 11 avril 2016 à 16:14
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 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
Windows 7 vers windows 10 - Guide
Envoyer un vocal par sms iphone vers android - Guide
Acquisition de données pci et contrôleur de traitement du signal ✓ - Forum Windows 10
Transferer photo android vers pc - Guide
Retour a la ligne php ✓ - Forum PHP

4 réponses

Réponse 1 / 4

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
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 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
11 avril 2016 à 19:58

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

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
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 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
11 avril 2016 à 21:47

Montres nous le code modifié

Discussions similaires

Colis en cours de transport vers votre site de livraison ?

ALERT en php

code couleur associé a une image

Javascript Arrondi à 2 chiffres après la virgule

il est en cours de transport vers votre site de livraison

Discussions similaires

Newsletters