Firefox ne traite pas la réponse du serveur

**Jonahboss** · 21/01/2013, 20h20

Bonsoir,

Je cherche à afficher un tableau html géneré par php via un jQuery.ajax().

Le code suivant fonctionne sous Chrome ET (surprenant) IE, mais pas sous Firefox

Firefox ne semble pas pouvoir lire la réponse du serveur pourtant correctement renvoyée et interprétée par Chrome et IE.

le javascript:

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
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
<div id="pshopactivity">
wrtwtywy
</div>
<script language="javascript" type="text/javascript">
var t;
function getPshopActivity(order,fold,file)
{
	if(file==undefined)var file='';
	if(fold==undefined)var fold='';
	var datos=$.extend({},{
		func:'pshopactivity',
		'ajax':'ajax',
		'order':order,
		'file':file,
		'fold':fold
	});
	$.ajax({
		type : 'POST',
		//cache: false,
		url : 'index.php',
		dataType : 'html',
		data: datos,
		//contentType: "application/x-www-form-urlencoded",
		//beforeSend:setHeader,
		error:function (xhr, ajaxOptions, thrownError){
			alert(xhr.status);
			alert(xhr.statusText);
			alert(thrownError);
		 },
		success: function(data)
		{
			$('#pshopactivity').html(data);
			/*
			txt='';
			var dirs;
			var file;
			for(dirs in data)
			{
				txt+=dirs+'<br />';
			}
 
			clearTimeout(t);
			t=setTimeout("getPshopActivity('getlist');",5000);*/
		}
	});
	return false;
}
$(document).ready(function()
{
	getPshopActivity('getlist');
}
);
</script>

Le php:

Code php :

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
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<?php
if(isset($_POST['order']))
{
 
	switch ($_SERVER['HTTP_HOST']) {
		case $_SERVER['HTTP_HOST']:
		header('Access-Control-Allow-Origin: http://MonUrl');
		header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
		header('Access-Control-Max-Age: 1000');
		header('Access-Control-Allow-Headers: Content-Type');
		break;
	}
	$tasks=array();
	exec('tasklist',$tasks);
	$estado='Apagado';
	foreach($tasks as $proc)
	{
		if(substr_count($proc,'hotoshop.exe')>=1)$estado='Encendido';	
	}
	$dirs=array(
	'Pendientes'=>array(),
	'Ejecutando'=>array(),
	'Hechos'=>array()
	);
	$count=0;
	foreach($dirs as $iddir=>$dir)
	{
		/*
                Listage de fichiers sur mon serveur
                */
	}
	if(count($dirs['Ejecutando'])>=1)$estado='Trabajando';
	echo'
	<table width="95%" cellpadding="5" cellspacing="0" border="1" align="center">
	<tr>
	<td colspan="3" class="titre2" align="center">Photoshop en el servidor</td>
	</tr>
	<tr>
	<td colspan="3" class="titre2" align="center">Estado actual: '.$estado.'</td>
	</tr>
	';
	if($_POST['order']=='getlist')
	{
 
		foreach($dirs as $iddir=>$dir)
		{
			echo '
			<tr>
			<td colspan="3">
			<strong>'.$iddir.':</strong>
			</td>
			</tr>';
			foreach($dir as $file)
			{
				echo '
				<tr>
				<td>
				<input type="button" value="Ejecutar" onclick="getPshopActivity(\'exec\',\''.$iddir.'\',\''.urlencode(basename($file)).'\');" ';
				if($estado=='Trabajando' or $iddir=='Ejecutando') echo ' disabled ';
				echo' />
				</td>';
				echo '
				<td>
				<input type="button" value="Borrar" onclick="getPshopActivity(\'borrar\',\''.$iddir.'\',\''.urlencode(basename($file)).'\');" ';
				if($estado=='Trabajando' or $iddir=='Ejecutando') echo ' disabled ';
				echo' />
				</td>
				<td>
				'.utf8_encode(basename($file)).'
				</td>
				</tr>';	
			}
 
		}
	}
 
 
	echo'
	<tr>
	<td colspan="3" align="center">
	<input type="button" value="Ejecutar todos los scripts pendientes" onclick="getPshopActivity(\'exec\',\'\',\'Automator\');" ';
	if($estado=='Trabajando') echo ' disabled ';
	echo' />
	</td>
	</tr>
	</table>';
}
?>

Mes headers depuis Firebug:

Requête:
Host: localhost
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/20100101 Firefox/18.0
Accept: text/html, */*; q=0.01
Accept-Language: es-ES,es;q=0.8,en-US;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
X-Requested-With: XMLHttpRequest
Referer: http://localhost/****
Content-Length: 54
Cookie: PHPSESSID=tlgjes9d8pajdhv40o8kgjrej2
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

Réponse:
Date: Mon, 21 Jan 2013 19:08:40 GMT
Server: Apache/2.2.17 (Win32) PHP/5.3.4
X-Powered-By: PHP/5.3.4
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Pragma: no-cache
Access-Control-Allow-Origin: http://localhost
Access-Control-Allow-Methods: POST, GET, OPTIONS
Access-Control-Max-Age: 1000
Access-Control-Allow-Headers: Content-Type
Content-Length: 7105
Keep-Alive: timeout=5, max=99
Connection: Keep-Alive
Content-Type: text/html

J'ai lu ça : http://www.developpez.net/forums/d46...-ajax-firefox/
ça aussi : http://www.developpez.net/forums/d60...-ajax-firefox/
puis ça : http://www.developpez.net/forums/d77...-sous-firefox/
et à peu près tout ce que je trouvais comme résultat de GrosGueule sur les combinaisons de "AJAX JQuery Firefox POST headers".

Et rien n'y fait, j'ai le cerveau en compote et j'en peux plus.

Donc si quelqu'un trouve la solution, merci d'avance.

**danielhagnoul** · 21/01/2013, 22h52

Bonsoir

Parse error: syntax error, unexpected '}' in C:\Users\UTILISATEUR\Documents\wamp\www\AptanaWorkspace\DVP\test.php on line 87

Le dernier } est en trop !

**Jonahboss** · 21/01/2013, 23h03

Merci pour répondre

Bien vu, mais non.

J'ai oublié de la supprimer en supprimant des bout de codes pour l'exemple.

Si j'avais une PARSE ERROR ça ne fonctionnerait avec aucun navigateur.

**danielhagnoul** · 21/01/2013, 23h07

Dans le test rapide que j'ai fait, la table se charge et s'affiche bien. Si je clique sur le gros bouton, idem.

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
26
27
28
29
30
31
32
33
function getPshopActivity( order, fold, file ){
	file = file || "";
	fold = fold || "";
 
	var jqXHR = $.post( "test.php", {
		"func" :"pshopactivity",
		"ajax" :"ajax",
		"order" : order,
		"file" : file,
		"fold" : fold
	}, "html" );
 
	jqXHR.done( function( data, textStatus, jqXHR ){
		// succès de la transaction, on doit traiter le contenu de data
		console.log( data, textStatus, jqXHR );
 
		$( "article:first" ).html( data );
	});
 
	jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
		// échec de la transaction, gérer la catastrophe
		console.log( jqXHR, textStatus, errorThrown );
 
	});
 
	jqXHR.always( function( jqXHR, textStatus ){
		// la transaction est terminée
		console.log( jqXHR, textStatus );
	});
 
 
	return false;
}

**Jonahboss** · 21/01/2013, 23h09

Sous Firefox ?

**danielhagnoul** · 21/01/2013, 23h10

18 oui !

200 OK 3.5s

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
26
27
28
29
30
 
	<table width="95%" cellpadding="5" cellspacing="0" border="1" align="center">
	<tr>
	<td colspan="3" class="titre2" align="center">Photoshop en el servidor</td>
	</tr>
	<tr>
	<td colspan="3" class="titre2" align="center">Estado actual: Apagado</td>
	</tr>
 
			<tr>
			<td colspan="3">
			<strong>Pendientes:</strong>
			</td>
			</tr>
			<tr>
			<td colspan="3">
			<strong>Ejecutando:</strong>
			</td>
			</tr>
			<tr>
			<td colspan="3">
			<strong>Hechos:</strong>
			</td>
			</tr>
	<tr>
	<td colspan="3" align="center">
	<input type="button" value="Ejecutar todos los scripts pendientes" onclick="getPshopActivity('exec','','Automator');"  />
	</td>
	</tr>
	</table>

Après clic sur le grand bouton, la réponse du serveur est :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table width="95%" cellpadding="5" cellspacing="0" border="1" align="center">
	<tr>
	<td colspan="3" class="titre2" align="center">Photoshop en el servidor</td>
	</tr>
	<tr>
	<td colspan="3" class="titre2" align="center">Estado actual: Apagado</td>
	</tr>
 
	<tr>
	<td colspan="3" align="center">
	<input type="button" value="Ejecutar todos los scripts pendientes" onclick="getPshopActivity('exec','','Automator');"  />
	</td>
	</tr>
	</table>

J'utilise :

Server Apache/2.2.22 (Win64) PHP/5.4.3
X-Powered-By PHP/5.4.3

**Jonahboss** · 21/01/2013, 23h17

J'ai remplacé ma fonction JS par la tienne.

Même résultat, impeccable sous chrome, mais sans effet sous Firefox.

Code :

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

1
2
3
4
 
Error: Permission denied to access object
http://localhost/*******/js/jquery-1.8.2.js
Line 2853

La console de Firebug:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
Error: Permission denied to access object
trigger(event="ajaxStart", data=undefined, elem=undefined, onlyHandlers=undefined)jquery-1.8.2.js (línea 2853)
ajax(url=undefined, options=Object { type="post", url="index.php", data={...}, más...})jquery-1.8.2.js (línea 7875)
(?)(url="index.php", data=Object { func="pshopactivity", ajax="ajax", order="getlist"}, callback="html", type=undefined)jquery-1.8.2.js (línea 7500)
getPshopActivity(order="getlist", fold="", file="")?pag=p...ervidor (línea 139)
(?)()?pag=p...ervidor (línea 191)
fire(data=Array { 0=document, 1=Array})jquery-1.8.2.js (línea 974)
fireWith(context=Document ?pag=photoshop/photoshop_servidor/photoshop_servidor, args=Array { 0=document, 1=Array})jquery-1.8.2.js (línea 1082)
ready(wait=undefined)jquery-1.8.2.js (línea 406)
DOMContentLoaded()jquery-1.8.2.js (línea 83)
[Detener en este error] if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {

**danielhagnoul** · 21/01/2013, 23h20

C'est un autre problème ! Remplacer votre appel à jQuery par : <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script> ou <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> pour la version précédente.

**Jonahboss** · 21/01/2013, 23h26

Ben... toujours pas.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
Error: Permission denied to access object
set(n="ajaxStart", r=undefined, i=Document ?pag=photoshop/photoshop_servidor/photoshop_servidor, o=undefined)jquery-1.9.0.js (línea 2)
nextAll(e=undefined, n=Object { url="index.php", type="post", data={...}, más...})jquery-1.9.0.js (línea 3)
nextAll(e="index.php", r=Object { func="pshopactivity", ajax="ajax", order="getlist"}, i="html", o=undefined)jquery-1.9.0.js (línea 3)
getPshopActivity(order="getlist", fold="", file="")?pag=p...ervidor (línea 139)
(?)()?pag=p...ervidor (línea 191)
u(t=Array { 0=document, 1=Array})jquery-1.9.0.js (línea 1)
u(e=Document ?pag=photoshop/photoshop_servidor/photoshop_servidor, t=Array { 0=document, 1=Array})jquery-1.9.0.js (línea 1)
u(e=undefined)jquery-1.9.0.js (línea 1)
u()jquery-1.9.0.js (línea 1)
[Detener en este error] },set:function(e,n,r){return st.nodeNa...ion(e){return c(e,"previousSibling")
jquery-1.9.0.js (línea 2)

**Jonahboss** · 21/01/2013, 23h29

Tout le problême réside ici :

Error: Permission denied to access object

Impossible de savoir ce qui bloque.

Version FF : 18.0.1

**danielhagnoul** · 21/01/2013, 23h36

L'erreur semble différente : [Detener en este error] },set:function(e,n,r){return st.nodeNa...ion(e){return c(e,"previousSibling") au lieu de [Detener en este error] if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { ?

**danielhagnoul** · 21/01/2013, 23h40

Si vous tester avec le contenu du fichier PHP que j'ai testé cela fonctionne ?

**Jonahboss** · 21/01/2013, 23h45

J'ai commenté la partie de code que j'avais enlevé pour l'exemple et non ça ne marche pas.

Je reçoit bien la réponse du serveur le tableau html est correct.

C'est l'affichage de la réponse qui ne fonctionne pas Firefox bloque l'accés à la réponse, et jQuery ne peut l'analyser.

JQuery doit avoir constance de la réponse car il ne renvoit pas d'erreur, il plante tout simplement car bien qu'il y est une réponse il n'y a pas accés.

**danielhagnoul** · 21/01/2013, 23h51

L'erreur serait côté client, dans le traitement de la réponse ?

Qu'y a-t-il en dehors de $('#pshopactivity').html(data);.

**Jonahboss** · 21/01/2013, 23h53

Code :

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

1
2
3
 
clearTimeout(t);
t=setTimeout("getPshopActivity('getlist');",5000);*/

Mais désactivé dans l'exemple et comme je l'ai dit tout fonctionne parfaitement sous Chrome et IE, avec ou sans Timeout.

C'est frustrant.

**danielhagnoul** · 21/01/2013, 23h56

Code :

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

1
2
3
setTimeout( function(){
    getPshopActivity( "getlist" );
}, 5000);

**danielhagnoul** · 22/01/2013, 00h00

Je ne vois pas, je ne suis pas expert dans le domaine des transactions avec PHP et je crois que je n'ai pas tous les éléments du problème.

**Jonahboss** · 22/01/2013, 00h04

Le problème est certainement dans les headers envoyés et reçu par Firefox.

Merci pour votre aide.

**Jonahboss** · 22/01/2013, 12h58

Le problême vient effectivement de la gestion de Firefox 18.

SOUS FIREFOX 16.0.1 TOUT FONCTIONNE PARFAITEMENT !!!

**Jonahboss** · 22/01/2013, 14h47

Apès essai sous la version 19 beta de Firefox même constat.

Donc passage à chrome en attendant une solution du Bug chez Mozilla...

Navrant.

Firefox ne traite pas la réponse du serveur [AJAX]

jQuery

Discussions similaires

Partager

Partager