Formulaire JQuery sans PHP

Fermé

ifr38 - 23 déc. 2014 à 16:31
jordane45 Messages postés 38151 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 mai 2024 - 2 janv. 2015 à 17:43

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

A voir également:

Formulaire de contact html sans php
Créer un groupe whatsapp sans contact - Guide
Editeur html - Télécharger - HTML
Easy php - Télécharger - Divers Web & Internet
Formulaire de réclamation facebook - Guide
Whatsapp contact supprimé peut il me contacter - Forum Mail

5 réponses

Réponse 1 / 5

jordane45 Messages postés 38151 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 mai 2024 4 652
23 déc. 2014 à 16:46

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

Réponse 2 / 5

ifr38
23 déc. 2014 à 16:57

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

Réponse 3 / 5

jordane45 Messages postés 38151 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 mai 2024 4 652
23 déc. 2014 à 17:12

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

Réponse 4 / 5

ifr38
Modifié par crapoulou le 2/01/2015 à 14:12

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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

jordane45 Messages postés 38151 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 mai 2024 4 652
2 janv. 2015 à 17:43

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

Discussions similaires

Contacter le "bon coin"

Discussions similaires

Newsletters