[AJAX] Balises <p> "intempestives"

**Lesombrero** · 17/01/2013, 11h03

Bonjour à tous,

La mise à jour de l'affichage insère deux balises <p> qui sortent de je ne sais où....

Voici le code :

(html avant modification)

Code html :

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

<a href="/cart/" class="header-icone-cart">Votre panier : <span id="countCart">6</span>&nbsp;article(s)</a>

(html après l'ajout d'un produit)

Code html :

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

1
2
3
4
<a href="/cart/" class="header-icone-cart">Votre panier : <span id="countCart">
<p>&nbsp;</p>
<p>&nbsp;</p>
7</span>&nbsp;article(s)</a>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function countCart() {
	var xhr = getXhr(); 
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
			document.getElementById("countCart").innerHTML = xhr.responseText;
		}
	}
	xhr.open("GET", "/js/action_js.asp?action=countcart&no_cache="+Math.floor((Math.random()*999999)), true);
	xhr.setRequestHeader("Cache-Control","no-cache");
	xhr.send(null);
}

Pourriez-vous m'aider ?
Merci d'avance.

**Bovino** · 17/01/2013, 11h16

Elles sortent de là :

Code :

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

document.getElementById("countCart").innerHTML = xhr.responseText;

Seulement, tu donnes beaucoup de code mais pas celui qui est renvoyé par la requête !

**Lesombrero** · 17/01/2013, 11h32

Fichier action_js.asp:

Code :

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

1
2
3
If action="countcart" Then
Response.Write ShowCountCart()
End if

Fichier ShowCountCart:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
FUNCTION ShowCountCart()
	
	
	Code SQL :
	Sélectionner tout -
	Visualiser dans une fenêtre à part
	1234 SQL = "SELECT * FROM E_Cart WHERE id_cart='"&IdCart&"'"
	Call OpenRs(rs2,SQL,3)
	ShowCountCart=rs2.recordCount
	rs2.Close
End Function

Fichier header.asp:

Code :

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

<span id="countCart"><%=ShowCountCart%></span>

J'ai testé en mettant un chiffre en dur à la suite du Response.Write de action_js.asp, et j'ai le même résultat!

**thelvin** · 17/01/2013, 12h31

Marrant. Et qu'est-ce qui passe exactement sur le réseau entre le navigateur et le site ?
Que donne un console.log(xhr.responseText) ?
N'y a-t-il pas un autre Response.Write plus tôt dans ton ASP ?

Ce genre de choses...

**Lesombrero** · 17/01/2013, 12h49

Merci Thelvin. Ravis que tu trouves ça marrant

. Moi personnellement, ça m’agace.

Comment dois-je procéder pour console.log(xhr.responseText) ?
Je suis très novice. Mais ça, tu l'avais surement déjà remarqué.

Je n'ai pas de Response.Write plus tôt !

**thelvin** · 17/01/2013, 17h20

Envoyé par Lesombrero

Comment dois-je procéder pour console.log(xhr.responseText) ?
Je suis très novice. Mais ça, tu l'avais surement déjà remarqué.

Je suggère d'ajouter la ligne console.log(xhr.responseText); à un endroit où xhr.responseText a un sens.
Pour voir le résultat :
- Avec Chrome, menu Outils / Console JavaScript (ou juste Ctrl + Shift + J)

- Avec Firefox, installer d'abord l'extension Firebug, puis la démarrer avec Web Developer / Firebug / Open Firebug. Regarder l'onglet console.

Envoyé par Lesombrero

Je n'ai pas de Response.Write plus tôt !

Ou pas que tu saches. Ou peut-être que ASP ajoute des trucs d'une autre manière que ni toi ni moi ne connaissons.
C'est pour ça qu'il serait intéressant d'espionner la communication avec un truc comme Wireshark.