Formulaire JQuery sans PHP Fermé

Question

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 :)

jordane45 · Accepted Answer

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

ifr38 · Answer

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é :/

jordane45 · Answer

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();

ifr38 · Answer

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 :)

jordane45 · Answer

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...

Formulaire JQuery sans PHP

5 réponses

Discussions similaires