jquery et load(url)

**zerros** · 12/06/2009, 06h35

Bonjour,

J'essai d'afficher dans une div le contenu d'un lien http ou d'un fichier html.
J'utilise pour cela la fonction jquery.

Le problème vient du fait que le lien ouvre une nouvelle page au lieu de charger son contenu dans la div #test.

Je vois pas ce queje fais de mal. Une petite aide serait la bienvenue.

Voilà 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
23
24
25
26
27
 
!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=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("a.google").click(function() {
				$("#test").load(this.href);
				return false;
		});
	});
</script>
<link rel="stylesheet" type="text/css" title="blue" href="test.css" />
</head>
 
<body>
<ul>
  <li><a href="http://www.google.fr" class="google">Google</a></li>
</ul>
 
<div id="test"></div>
 
</body>
</html>

**Bovino** · 12/06/2009, 08h33

Envoyé par zerros

Je vois pas ce queje fais de mal.

Tu ne prends pas en compte la règle de Same Origin Policy !
Tu ne peux pas, avec Ajax, aller chercher des ressources hors de ton domaine

**Thewil** · 12/06/2009, 09h55

Salut,

J'ai eu le même soucis. Si tu veux faire un appel ajax vers un autre domaine tu dois utiliser un proxy. Moi c'est une JSP donc après je sais pas si cela correspond à ton projet mais il y en a aussi en PHP cherche sur le net j'en avais trouvé facilement.

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
<%@page language="java" pageEncoding="ISO-8859-1"%>
<%@page import="java.io.*"%>
<%@page import="java.net.*"%>
<%
	String line = null;
	URL feedUrl = new URL(request.getParameter("url"));
	HttpURLConnection feedConnection = (HttpURLConnection) feedUrl
			.openConnection();
	BufferedReader buffIn = new BufferedReader(new InputStreamReader(
			feedConnection.getInputStream()));
 
	while ((line = buffIn.readLine()) != null)
%><%=line + "\n"%>
<%
	buffIn.close();
	feedConnection.disconnect();
%>

Et dans ton appel ajax tu passe ton url en paramètre.

jquery et load(url)

jQuery

Vue hybride

Discussions similaires

Partager

Partager