Redirection avec ajax

**Paulux1** · 17/05/2010, 10h32

Bonjour,
Je souhaite mettre en place une page de redirection depuis mon site vers différents marchand.
Pour ce faire, étant donnée que certaine de ces redirections nécessitent un temps d’exécution relativement long car elles utilisent le moteur de recherche du site marchand, je veux afficher à l’internaute une page d’attente.
Pour ce faire, je souhaitais utiliser prototype avec les notions onComplete, Event.observe … dans le but de n’afficher l’information finale que lorsqu’elle est entièrement chargée par le navigateur.
Eventuellement j’aurais ainsi pu rajouter un effet fade de Script.aculo.us…
Après quelques tests, il semble que cela ne soit pas possible avec une page issue d’un autre serveur ? Ou du moins je n’ai pas su le faire.
Voici mon code de test…

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test page redirection</title>
<script type="text/javascript" src="lib/prototype.js"></script>
</head>
<body>
<script>
/*rediriger vers le site de blablabla.com*/
var url = 'http://www.blablabla.com';
 
Event.observe(window, 'load', onBodyLoad, false);
new Ajax.Request(url,
  {
	method:'get',
	onSuccess: function(transport){
	  var response = transport.responseText || "no response text";
	  $('redirection').innerHTML = transport.responseText;
	},
	onFailure: function(){ alert('Something went wrong...') }
  });
 
 
	function rapporteErreur() {
		alert('Attention une erreur s est produite.');
	}
	function onBodyLoad() {
				Element.hide('attente');
				Element.hide('redirection');
	}
	</script>
<div id="attente">Merci de bien vouloir patienter....</div>	
<div id="redirection">page de ma redirection!</div>
</body>
</html>

Quelqu’un a-t-il une idée ?
Merci

**gwyohm** · 17/05/2010, 14h52

bonjour,

en effet tu ne peux pas faire d'ajax vers une page qui n'est pas dans ton domaine (ou du même protocole).

Il faut que tu aies une page "proxy" sur ton serveur qui se charge de faire la requête chez le marchand et de l'écrire dans le flux de réponse. Tu pourras ainsi requêter ton serveur (donc faire de l'ajax) et attendre le résultat.

Redirection avec ajax

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager