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 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
var form1 = ["champs1", "champs3", "champs4", "champs7", "champs9"];
var form2 = ["champs1", "champs2", "champs5", "champs6", "champs8"];
function sendForms()
{
var datasForm1 = '';
var datasForm2 = '';
// Preparation datas form1
for (var key in form1) {
if (datasForm1 != '') {
datasForm1 = datasForm1 + '&';
}
datasForm1 = datasForm1 + form1[key] + '=' + document.getElementById(form1[key]).value;
}
// Preparation datas form2
for (var key in form2) {
if (datasForm2 != '') {
datasForm2 = datasForm2 + '&';
}
datasForm2 = datasForm2 + form2[key] + '=' + document.getElementById(form2[key]).value;
}
// Envoi premier formulaire
$.ajax({
type: "POST",
url: "form1.php",
data: datasForm1,
timeout: 20000,
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert('Erreur form1');
},
success: function(result){
alert('OK form1');
}
});
// Envoi deuxieme formulaire
$.ajax({
type: "POST",
url: "form2.php",
data: datasForm2,
timeout: 20000,
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert('Erreur form2');
},
success: function(result){
alert('OK form2');
}
});
}
</script>
<form method="post" action="javascript:sendForms()">
<input type="text" name="champs1" id="champs1" /><br/>
<input type="text" name="champs2" id="champs2" /><br/>
<input type="text" name="champs3" id="champs3" /><br/>
<input type="text" name="champs4" id="champs4" /><br/>
<input type="text" name="champs5" id="champs5" /><br/>
<input type="text" name="champs6" id="champs6" /><br/>
<input type="text" name="champs7" id="champs7" /><br/>
<input type="text" name="champs8" id="champs8" /><br/>
<input type="text" name="champs9" id="champs9" /><br/>
<input type="submit" value="Envoyer">
</form> |
Partager