Discussion :

[Lucas Panny]

Bonjour,

Dans le cadre de mon projet, il y a un besoin de faire un envoi ajax dans la soumission d'un formulaire. Bien qu'il y a utilisation de jquery ici, ce fil je pense concerne javascript en général!
Voici le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$("#submit_btn").click(function() {  
$.post("http://www.adverifier.com/verify.php","TEST", function(){
document.getElementById("certif_form").action="http://www.monsite.com/testcertif";
document.getElementById("certif_form").submit();
});
})

Il s'agit d'envoyer la chaîne TEST avant de soumettre le formulaire. Le soucis c'est que ça marche correctement sous IE. Sous Opera, seul le post ajax marche mais le formulaire n'est pas soumis. Et ça passe pas sous Firefox et Chrome.

Comme solution, je fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
document.getElementById("certif_form").action="javascript:mysubmit()";
  function mysubmit() {
	$.post("http://www.adverifier.com/verify.php","TEST",function(){
	document.getElementById("certif_form").action="http://www.monsite.com/testcertif";
	document.getElementById("certif_form").submit();
	});
  }

Avec ce second code, ça marche avec ces 4 browsers mais je n'aime pas trop le truc d'overwriter l'action par javascript:mysubmit(). Qu'en pensez-vous de la solution que j'ai trouvée?

[Lucas Panny]

Une autre révélation!
Mon code marche en local (testé sur WAMP) mais ça ne marche pas lorsque j'ai mis en ligne car au lieu de POST la requête HTTP devient OPTIONS! En cherchant, il y a un soucis de Cross-Origin Resource Sharing, Firefox ne supporte pas en fait que le domaine de l'url cible en ajax soit différent du domaine en cours