Problema con Ajax

mdk · #1 (**permalink**) 07/11/2011, 14:46

Alguien sabe cual es el problema, de porque al seleccionar un link, no me lo carga en el div correspondiente?

Código:

<html>
<head>
	<title>Primer script con jQuery</title>
<script src="../scripts/jquery.js" type="text/javascript"></script>	
<script language="javascript">
function Cargo(){
	$("#data a").click(function(){
		UpdateDiv(this.href, this.rel);
		return false;
	});
}
function UpdateDiv(Url, Capa){
	Capa = Capa||"data";
	$.ajax({
		type: 'get',
		url: Url,
		dataType: 'html',
		success: function(data){
			$("#"+Capa).html(data)
		}
	});
}
$(document).ready(Cargo);
</script>
</head>

<body>

<div id="data">
	<a href="http://www.google.com" rel="data2">Link 1</a><br />
	<a href="http://www.forosdelweb.com" rel="data2">Link 2</a><br />
    <a href="http://www.cuantocabron.com" rel="data2">Link 3</a>
</div>
 
<div id="data2" style="background-color: blue;">Aquí se mostrará el contenido</div>

maycolalvarez · #2 (**permalink**) 07/11/2011, 15:07

$(document).ready(Cargo());

mdk · #3 (**permalink**) 07/11/2011, 15:29

Pero me carga el link en página completa, no me lo carga en el div asignado :(

chicohot20 · #4 (**permalink**) 07/11/2011, 16:01

Por seguridad, no puedes cargar contenido de otros dominios mediante ajax. O alguien sabe como?

mdk · #5 (**permalink**) 07/11/2011, 16:15

Vaya, es totalmente cierto, no me acordaba de ese detalle, voy a probar con archivos locales.

mdk · #6 (**permalink**) 07/11/2011, 16:20

Vale, no, ese no es el problema, he probado poniendo:

Código:

<div id="data">
	<a href="archivo1.php" rel="data2">Link 1</a><br />
	<a href="archivo2.php" rel="data2">Link 2</a><br />
	<a href="archivo3.php" rel="data2">Link 3</a>
</div>

y sigue cargando los archivos en la ventana entera en vez de en el div.

chicohot20 · #7 (**permalink**) 07/11/2011, 18:49

Raro, porque si me funciona, probado en IE7 y Opera 10

mdk · #8 (**permalink**) 07/11/2011, 21:08

Pues a mi en IE10 y Firefox no me va, me carga a pantalla completa el link que pincho, no me lo carga en el div.

mdk · #9 (**permalink**) 08/11/2011, 04:25

Algún moderador puede cambiar este post a la subseccíon de jquery? me acabo de dar cuenta que me confundi a postear.

livemusic · #10 (**permalink**) 08/11/2011, 09:18

/**

xq pones -------------> Capa = Capa||"data";
Dejalo asi... :

**/

Código Javascript:

Ver originalfunction UpdateDiv(Url, Capa){
    $.ajax({
        type: 'get',
        url: Url,
        dataType: 'html',
        success: function(data){
            $("#"+Capa).html(data)
        }
    });
}

maycolalvarez · #11 (**permalink**) 08/11/2011, 09:58

intenta forzar a que busque el atributo rel:

UpdateDiv(this.href, this.getAttribute('rel'))

PD: pueden usar Ajax Crossdomain para consultar dominios externos, JSONp es una de las mejores alternativas y está integrada en versiones recientes de jQuery

mdk · #12 (**permalink**) 08/11/2011, 11:21

Esas opciones que me pusisteis, siguen sin funcionar, pero lo solucione de otra forma, solo que ahora tengo otro problema. Cree este post para preguntar: http://www.forosdelweb.com/f13/probl...campos-956464/

maycolalvarez · #13 (**permalink**) 08/11/2011, 11:30

1 - consulte las políticas del foro: no se permite hacer doble post para el mismo problema

2 - en javascript debes usar var para declarar variables

mdk · #14 (**permalink**) 08/11/2011, 11:34

maycolalvarez hazme el favor de mover el último post a la sección de jquery, que ya es la segunda vez que quiero publicar ahí, y no me mete el post correctamente en la sección.