jquery load() cross domain

**ratafia77** · 27/03/2012, 14h40

Bonjour,

J'ai un problème avec jquery. Je désire afficher dans une div le résultat d'un clic sur un lien. En résumer, je clic sur un lien et l'url s’affiche dans une div. Vous me direz, rien de plus simple ... eh ben c'est juste la misère à faire surtout quand l'url désigne une page hors de votre serveur. Voici mon code :

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
 
<!doctype html>
<html>
<head>
<title>PAGE TEST - JQUERY</title>
 
<script type="text/javascript" src="jquery-1.4.4.js"></script>
 
<script type="text/javascript">
function link(sourceURL) {
$("#content").load(sourceURL);}
</script>
 
</head>
 
<body>
 
<a href="javascript:link('http://www.google.fr');">Link 1</a>
<div id="content">Affichage du lien - ICI</div>
 
</body>
</html>

Par contre

, 2 problèmes majeurs :

Ne fonctionne pas sous Firefox (j'ai la version 9)
Sous IE ok mais la page se charge sans ses dépendances (CSS etc ...)
C'est la m.... pfffff

Si vius avez une idée magique, je suis tout ouï

Merci et bonne journée

**SpaceFrog** · 27/03/2012, 15h13

Tu te heurtes juste a une impossibilité de Cross-domain security...

Si la page loadée n'est pas sur le même domaine il te faut des autorisations

**ratafia77** · 27/03/2012, 15h19

Donc, est il impossible d'afficher des url externes au domaine dans une div ?

j'aimerai juste éviter d'utiliser les iframes ...

**SpaceFrog** · 27/03/2012, 15h20

impossible avec javascript (et donc jquery) si le site distant ne le permet pas (autorisation cross domain)

**ratafia77** · 27/03/2012, 16h11

merci pour ta réponse

par contre même si je rajoute sur mon domaine distant un fichier "crossdomain.xml" à la racine du site avec le code suivant :

Code :

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

1
2
3
4
5
 
<?xml version="1.0"?>
<cross-domain-policy>
        <allow-access-from domain="*" />
</cross-domain-policy>

je devrais pouvoir afficher la page correctement ou il ne va charger que la page sans les CSS ?

**SpaceFrog** · 27/03/2012, 16h19

ajoute égamelent un header sur les fichier css

[Access-Control-Allow-Origin: [ip origine]

jquery load() cross domain

jQuery

Vue hybride

Discussions similaires

Partager

Partager