XMLHttpRequest qui fout le bordel

Marsh Posté le 05-06-2006 à 17:38:58

Salut,

Je voulais m'initier un peu à l'ajax toussa, mais ça se passe pas comme prévu...
Voila mon code :

Code :

function getHTTPObject()
{
var xmlhttp = false;
if(document.all)
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP" ) ;
}
else
{
xmlhttp = new XMLHttpRequest();
}
if (xmlhttp)
{
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState == 4) /* 4 : état "complete" */
{
alert(xmlhttp.readyState);
if (xmlhttp.status == 200) /* 200 : code HTTP pour OK */
{
alert (xmlhttp.responseText);
//response = xmlhttp.responseXML.documentElement;
.... ( traitement appel de SpUpdate(response) )
}
}
}
}
return xmlhttp;
}

Ca c'est la fonction qui est appelé par mon formulaire (onSubmit="SpUpdate('')" ) et qui servira aussi de fonction de traitement pour le retour

Code :

function SpUpdate(response)
{
//Receive data
if (response!='')
{
}
//Send data
else
{
var xmlhttp = getHTTPObject();
if (!xmlhttp)
{
return true;
}
xmlhttp.open("POST", "aj.php",true);
xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
var query= 'spDate='+document.getElementById('spDate').value;
if (document.getElementById('spType').checked)
{
query = query +'&spType=2';
}
xmlhttp.send(query);
return false;
}
}

Ca c'est ce que renvoie aj.php

Code :

<?xml version="1.0" encoding="ISO-8859-1" standalone="yes"?>
<response>
<method>SpUpdate</method>
<data>.....</data>
</response>

Les problèmes :

Sous IE:

(1) J'ouvre une nouvelle page, je clique sur le submit de mon form, ca m'alerte bien le xmlhttp.readyState =4, puis ça m'alerte parfaitement le contenu de la réponse. Par contre, le formulaire est quand même envoyé par l'action du formulaire, malgré le return false à la fin...
(2) Ensuite, si je reclique sur mon submit, pas d'alertes, rien, ca passe directement par l'action du formulaire....Par contre, si j'ouvre une nouvelle page, ca remarche et je peux recommencer le (1)....

Sous FF:

Ca m'affice le 4 du readyState, mais rien d'autre. Le formulaire est envoyé par l'action du form, mais contrairement à IE, je peux recliquer sur le formulaire et ca recommence le cycle. Par contre, la console JS me renvoie ça:
[quote]
Error: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIXMLHttpRequest.status]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: http://localhost/home/modules/aj_scripts.js :: anonymous :: line 23" data: no]
Source File: http://localhost/home/modules/aj_scripts.js
Line: 23
[quote]
La ligne 23 correspond au if (xmlhttp.status == 200)....

Je comprend pas.... :pt1cable:
Donc si quelqu'un a une idée, je suis preneur. Merci

Message cité 1 fois
Message édité par gooopil le 05-06-2006 à 17:46:27

Reply

Marsh Posté le 05-06-2006 à 17:38:58

Reply

Marsh Posté le 05-06-2006 à 17:55:28

Un lien sympa et clair...:

http://www.toutjavascript.com/savo [...] quest.php3

Message cité 1 fois

Reply

Marsh Posté le 05-06-2006 à 17:59:29

ledzep2 a écrit :

Un lien sympa et clair...:

http://www.toutjavascript.com/savo [...] quest.php3

Sympa mais des tutos ajax j'en ai c'est pas le problème...

Reply

Marsh Posté le 05-06-2006 à 18:02:38

Tu veux absolument une méthode asynchrone?

Message cité 1 fois

Reply

Marsh Posté le 05-06-2006 à 18:06:03

ledzep2 a écrit :

Tu veux absolument une méthode asynchrone?

Oui, je veux pas de bloquant...Sinon, tu files des tutos que tu connais pas ou que tu suis pas ? Je viens de voir que dans ton lien, l'article incite à "proscrire" les transmissions synchrones

Reply

Marsh Posté le 05-06-2006 à 18:13:08

Oui mais bon c'est plus simple et ça fonctionne bien pour ce que je fais moi!
Ma question était plus au niveau de la nécessité d'utiliser telle ou telle méthode.

Pr ma part :
#
xmlhttp.onreadystatechange=function()
#
{
c'est ça qui foutait le wouaie...dc ça a sauté...et dc du coup synchrone...
Peux pas faire plus désolé...

Reply

Marsh Posté le 05-06-2006 à 18:39:37

gooopil a écrit :

Les problèmes :

Sous IE:

(1) J'ouvre une nouvelle page, je clique sur le submit de mon form, ca m'alerte bien le xmlhttp.readyState =4, puis ça m'alerte parfaitement le contenu de la réponse. Par contre, le formulaire est quand même envoyé par l'action du formulaire, malgré le return false à la fin...

Code :

onSubmit="return SpUpdate('')"

gooopil a écrit :

(2) Ensuite, si je reclique sur mon submit, pas d'alertes, rien, ca passe directement par l'action du formulaire....Par contre, si j'ouvre une nouvelle page, ca remarche et je peux recommencer le (1)....[/quote]
Doit venir de premier pb...
[quotemsg=1381511,1,19814]

Sous FF:

Ca m'affice le 4 du readyState, mais rien d'autre. Le formulaire est envoyé par l'action du form, mais contrairement à IE, je peux recliquer sur le formulaire et ca recommence le cycle. Par contre, la console JS me renvoie ça:
[quote]
Error: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIXMLHttpRequest.status]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: http://localhost/home/modules/aj_scripts.js :: anonymous :: line 23" data: no]
Source File: http://localhost/home/modules/aj_scripts.js
Line: 23
La ligne 23 correspond au if (xmlhttp.status == 200)....

corrige de la même façon pour le form, on va faire étape par étape!

Reply

Marsh Posté le 05-06-2006 à 18:56:55

J'avais oublié le return [:aless] !!!!!

Merci anapajari Non seulement ça résoud le (1) mais ça résoud aussi tout le reste :love:

Bon sinon, des commentaires sur la façon de procéder ? C'est correct/propre ? Conseils ?
La façon dont je détermine comment créer l'object xmlhttp, c'est pas terrible non ?

Reply

Marsh Posté le 06-06-2006 à 09:39:20

Bin ça va ...
Ta function getHTTPObject ressemble bcp à la class HXR, j'imagine que tu t'en étais inspiré.
Le reste, bin on voit pas grand chose donc c'est dur à dire

Reply

XMLHttpRequest qui fout le bordel

Sujets relatifs:

Leave a Replay