Formulaire JQuery sans PHP
ifr38
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
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 :)
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 :)
A voir également:
- Formulaire de contact html sans php
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Editeur html - Télécharger - HTML
- Br html ✓ - Forum Webmastering
5 réponses
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
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
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é :/
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é :/
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 :
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..
en Jquery.. pour récupérer son contenu tu feras
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 :
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 :)
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 :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question