Discussion :

[sliderman]

Bonjour,

Je suis dans une archi full Ajax. Information soumis par le client => envoi de cela par XHR => traitement coté serveur initié par ce XHR => retour => affichage des message d'erreur dans la page

bref, je suis sur un formulaire, comme vous le savez les formulaires ont un attribut action qui permet de définir l'URL du script serveur à executer. Mais voila, j'ai avant tout des traitements clients à faire. Je voudrais donc que la soumissions soit envoyé à mon php par mon javascript et rien d'autre.

comment puis je faire ?

PS : surtout que si la balise action n'est pas présente, la page HTML n'est pas valide

[marcha]

Salut,

Idéalement une application devrait pouvoir fonctionner sans javascript aussi.
Donc l'attribut action devrait être fixé sur l'url d'une page serveur qui traite
le formulaire en l'absence de javascript.

Ensuite, si javascript est fonctionnel, tu interceptes l'évènement onsubmit du
formulaire et là tu crée ta requête ajax. Quand tu interceptes un évènement
de la sorte il faut empêcher son traitement par défaut.

Tu peux maper l'évènement avec l'attribut onsubmit de la balise form mais
cela se fait vieux. Tu as meilleur d'attacher un évenement avec un code du
genre:

Code :

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

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
 
addEvent(window, 'load', function() {
  var f = document.getElementById('id_du_form');
  addEvent(f, 'submit', handleFormSubmit);
});
 
function addEvent(e, evType, fn) {
  if(e.addEventListener) {
    e.addEventListener(evType, fn, false); // sans capture
    return true;
  } else if (e.attachEvent) {
    var r = e.attachEvent("on"+evType, fn);
    return r;
  } else { return false; }
}
 
function handleFormSubmit(event) {
  var event = event || window.event;
  if (event.preventDefault) { // Standard
    event.preventDefault();
  } else { // Pour IE
    event.returnValue = false;
  }
  // ton code Ajax ici
}

Ou alors, utiliser un Framework comme "prototype" qui simplifie beaucoup
cette problématique.

[sliderman]

j'utilise prototype

mais je ne suis pas un professionnel

donc je ne vois pas ce que tu veux dire

[marcha]

Ne pas être un pro n'est pas une excuse en sois :-)

Avec prototype tout est tellement plus simple:

Code :

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

1
2
3
4
5
6
7
8
9
 
Event.observe(window, 'load', function() {
  Event.observe('id_de_ton_form', 'submit', handleFormSubmit);
});
 
function handleFormSubmit(event) {
  Event.stop(event);
  // ton code Ajax ici
}

[sliderman]

oki merci