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

rfrfrf -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention - 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

Afficher la suite

A voir également:

JQuery ou Ajax pour envoyer données du js vers php
Envoyer vers - Guide
Supprimer les données de navigation - Guide
Envoyer video leboncoin - Forum Réseaux sociaux
Trier des données excel - Guide
Comment envoyer un sms pour un jeu - Forum Loisirs / Divertissements

4 réponses

Réponse 1 / 4

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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

Merci beaucoup pour tous les liens et les informations

Réponse 3 / 4

rfrfrf

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 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Idem dans le php...

Réponse 4 / 4

rfrfrf

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 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Montres nous le code modifié

Discussions similaires

Colis en cours de transport vers votre site de livraison ?

impossible d envoyer message a un contact sans être bloquée

le site de distribution

il est en cours de transport vers votre site de livraison

Echec d'envoi message sur Messenger

Votre réponse

Discussions similaires