[AJAX] Formulaire et envoi de l'ID du formulaire

Version imprimable

02/04/2012, 16h51
ThierryForum

[AJAX] Formulaire et envoi de l'ID du formulaire

Bonjour,

J'ai cherche partout mais je ne trouve pas la réponse à un probleme que je rencontre...

J'arrive sans problème à envoyer en POST les valeurs d'un formulaire via l'Ajax.

Mais pour ce formulaire, j'ai absolument besoin de transférer l'ID du formulaire et la je ne trouve pas !!

Code:

<form id="contact" method="post" action="...">

comment envoyer cet id "contact" via AJAX (sans jquery ;))

merci beaucoup d'avance, ca fait quelques heure que je ma casse la tête avec ca :cry:
02/04/2012, 23h47
NoSmoking

Bonsoir,

Citation:

J'arrive sans problème à envoyer en POST les valeurs d'un formulaire via l'Ajax.

qu'est ce qui t'empêches de rajouter l'ID du formulaire à la liste de tes paramètres transmis?
03/04/2012, 00h45
ThierryForum

Mais... c'est bien ce que je cherche a faire...
Mais sous quelle forme ??

l'id de la form n'est pas comme un id de input
pour l'input id=valeur mais pour la form ??

j'ai essayé a tout hasard "form=id mais bien sur ca rime a rien...

j'ai besoin d'envoyer cet id car il y a plusieurs formulaire dans la page
et le post-traitement gere l'id du form.

note: je n'ai pas la main sur le script du post traitement...

Sant ajax ca marche bien sur sans probleme, puisque cet id de form est par principe émis.

en ajax ont gere soit même les datas par attribution de valeurs... la form en elle même visiblement ont s'en moque, alors que cela "peut" être une valeur.

Mais comment (sous quelle forme) peut on preciser un id de form en ajax ?
03/04/2012, 08h03
Bovino

Citation:

J'arrive sans problème à envoyer en POST les valeurs d'un formulaire via l'Ajax.

Soyons précis, c'est toi qui y arrive ou c'est le script que tu as récupéré, parce que ta phrase laisse penser que c'est toi, mais la réponse donnée à NoSmoking semble montrer le contraire et ça a une importance quant à la réponse à apporter...

Citation:

Sant ajax ca marche bien sur sans probleme, puisque cet id de form est par principe émis.

Euh... non, pas vraiment, la soumission d'un formulaire ne transmet certainement pas les id et encore moins celui du formulaire... Seuls les valeurs des attributs name des champs du formulaire sont transmis !

Sinon, sans ton code actuel, difficile de te répondre précisément.

Vous avez raison, je reformule le problème...
(je debute sur ajax :oops:)

Sur nos serveurs un login est validé par un script qui se trouve sur un autre serveur distant.

j'ai actuellement une page formulaire classique sous la forme suivante:
Code:

1 2 3 4 5 6 7 <form id="formlogin" method="post" action="http://LeServeurDistant/script/"> <input id="login" name="login" value=""/> <input type="password" id="password" value=""/> <input type="checkbox" id="sauver" value="1" checked/> <input type="submit" value="OK"/><br> </form>
Ce code fonctionne sans problème. La page qui doit venir nous est correctement retournée..

Je dois maintenant Passer ce formulaire en Ajax (pour diverses raison..)
j'ai donc fait un test sans formulaire html, juste la partie Ajax et infos à passer en dur:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 var PageAction = "http://LeServeurDistant/script/"; // Marche Pas ! //var PageAction = "http://MonServeurLocal/script/"; // Marche ! var UserLogin = "user"; var UserPasswd = "test"; obj = document.getElementById("resultat"); ret = document.getElementById("content"); if (window.XMLHttpRequest) xhr=new XMLHttpRequest(); else xhr=new ActiveXObject("Microsoft.XMLHTTP"); xhr.onreadystatechange = function() { if(xhr.readyState == 1) obj.innerHTML += "connexion établie<br />"; if(xhr.readyState == 2) obj.innerHTML += "requête reçue<br />"; if(xhr.readyState == 3) obj.innerHTML += "réponse en cours<br />"; if(xhr.readyState == 4) { if(xhr.status == 200) ret.innerHTML = xhr.responseText; else obj.innerHTML += "Error code: " + xhr.status + "<br />"; } } }; xhr.open("POST", PageAction , true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.send("login=" + UserLogin + "&password=" + UserPasswd +"&sauver=1");
J'ai fait un essai en local sur nos serveurs, et je reçoit correctement les infos POST et j'arrive à retourner une page...
j'en conclu que le code est correct...:ccool:

lorsque je met l'url distante: :(
j'ai l'affichage de l'étape 1 mais pas les autres.
par contre je tombe toujours sur "Erreur code:" avec xhr.status = 0
Et donc aucun affichage de la page distante en retour...

Je n'ai pas la main du tout sur le serveur distant, impossible de faire de logs ou voir le code en face... ils ne sont pas très collaboratif pour le coup :cry:

Je me suis dis que la seule info que je ne transmet pas c'est l'id du formulaire...
d'ou ma question initiale, mais c'est peut être autre chose...

donc il doit manquer quelques chose... mais quoi ??

Merci d'avance de votre aide..

03/04/2012, 09h07
Bovino

Tu ne peux pas faire de requête AJAX sur un serveur distant à moins d'utiliser la technique CORS...
03/04/2012, 09h26
ThierryForum

Citation:

Envoyé par Bovino

Tu ne peux pas faire de requête AJAX sur un serveur distant à moins d'utiliser la technique CORS...

Hups !:(
Merci ! Réponse simple mais claire...

Reste donc a trouver une autre méthode:?

Un des buts du passage à l'ajax était de pouvoir "retravailler" la page que nous recevons en retour par du javascript.

Si vous avez une idée...
03/04/2012, 09h37
Bovino

Euh... ceci dit, j'ai peut-être pas forcément compris la même chose que toi dans la notion de serveur distant...
Si ta page d'origine est elle-même hébergée sur ton "serveur distant", alors la requête est possible, sauf que le status renvoyé peut parfois ne pas être 200, essaye avec

Code:

if(xhr.status == 200 || xhr.status == 0)

Sinon, si ta page et la cible de la requête ne sont pas sur le même serveur, tu peux appeler un script serveur (PHP par exemple) qui servira à récupérer les infos du serveur distant puis à les renvoyer à ton script.
03/04/2012, 18h57
ThierryForum

Citation:

Envoyé par Bovino

Euh... ceci dit, j'ai peut-être pas forcément compris la même chose que toi dans la notion de serveur distant...

Si si, ta compréhension est la bonne, se sont deux serveurs distant et sur deux nom de domaine différent.

Il faut que je repense la question, n'aillant pas la main ni la possibilité de faire quoi que ce soit sur le deuxième serveur.

Doit je mettre "resolu" ? (sauf pour moi :cry:) pour cloturer cette partie de la question initiale ?
03/04/2012, 19h03
Bovino

Ton problème n'est pas impossible à résoudre, donc s'il ne l'est pas pour toi, inutile de marquer la discussion résolue ;)

As-tu essayé de faire un appel à un script serveur (PHP ?) pour récupérer le contenu distant, le parser (avec DOMDocument par exemple) et renvoyer le résultat souhaité ?