Formulaire JQuery sans PHP [Fermé]

Signaler
-
Messages postés
29194
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 août 2020
-
Bonjour,

Je cherche a faire un formulaire de contact uniquement en utilisant du HTML et du JQuery, et donc SANS php.. Je dois utiliser du AJAX pour la requête

$.ajax({
type: "POST",
url: "http://....",

......................................... }

mais problème, vu que je débute en JS/Ajax je ne sais vraiment pas comment faire,

Merci de votre aide :)

5 réponses

Messages postés
29194
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 août 2020
2 684
Bonjour,

AJAX .... c'est : Utilisation du Javascript... pour faire APPEL à du PHP...
Il te faut donc du PHP !

Pour rappel :
JAVASCRIPT (et donc JQUERY) s'execute côté CLIENT
PHP s'execute côté SERVEUR
2
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 57564 internautes nous ont dit merci ce mois-ci

Bonjour,

Pour me passer de PHP, j'exécute tout simplement un script sur un serveur comme ceci :
$.ajax({
....
url: "http:/www.monsite.fr/traitement",
....
}
C'est un exercice scolaire demandant de se passer de php, bien que ça soit sûrement pas la meilleure des solutions, je n'ai pas le choix de ce coté :/
Messages postés
29194
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 août 2020
2 684
Donc.. ok.. TOI tu ne fais pas de PHP ... mais tu execute un SCRIPT sur le serveur.. qui lui est SUREMENT du PHP

Et donc dans ce cas .. sur quoi bloques tu exactement ?

La syntaxe étant :

 $.ajax({ 
        type: "POST",
		url:'http:/www.monsite.fr/traitement',
		data: "nom=" + variableNom
               +"&prenom="+variablePreNom
               +"&thisPeople="+thisPeople
                 ,
		async: false,
		dataType: "json",
		success: function(reponse){
                    alert("ca marche !");
		},
		error:function(){
                       alert('error');
                 }
	   });  



Il te faut bien entendu adapter la partie "data" .. à tes besoins....
Ce qu'atend entre autre.. le script du serveur...
(quelles sont les variables attendues.. quels noms ont elles ....)
Et bien entendu..récupérer les infos de ton formulaire AVANT d'envoyer la requête AJAX...

Par exemple.. si ton formulaire HTML contient un INPUT de ce genre..
<input type="text" id="input_NOM" value="">


en Jquery.. pour récupérer son contenu tu feras
var nom_dans_mon_input =  $("#input_NOM").val();
merci pour ta réponse! J'ai pu tester, voici mon code :

cellule.click(function(){
$("#monForm").fadeIn("slow",function(){
var name = $("#input_nom").val();
var object = $("#input_objet").val();
var phone = $("#input_tel").val();
var mail = $("#input_mail").val();
var date = $("#input_date").val();
var startTime = $("#input_hdeb").val();
var endTime = $("#input_hfin").val();

var datas = "idIntervenant=" + idIntervenant + "&name=" + name + "&object=" + object + "&phone=" + phone + "&mail=" + mail + "&date=" + date + "&startTime=" + startTime + "&endTime=" + endTime;

$.ajax({
 type: "POST",
 crossDomain : true,
 dataType: 'jsonp',
 data: datas,
 jsonpCallback : 'traiterRdv',
 url: "http://sitetest.org/agenda/ajax/insertNewEvent.php",
 success: function(data, textStatus, jqXHR) {},
 error : function(jqXHR, textStatus, errorThrown) {
 alert(textStatus + " " + errorThrown) ;
 }
});
});
});
        


mais le problème est que je n'arrive pas a afficher le formulaire pour qu'on puisse saisir les infos..
Mon formulaire est dans un fichier "formRdv.html" et à comme id "monForm", merci encore :)
Messages postés
29194
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
11 août 2020
2 684
Bonjour

le problème est que je n'arrive pas a afficher le formulaire [...] Mon formulaire est dans un fichier "formRdv.html"

Ben tu va sur ta page.. et ton formulaire y sera...
Ou bien tu fais un INCLUDE de ce fichier dans ta page actuelle...
Je ne comprend pas bien où se trouve le souci...