Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: jhonatanAsm en 7 Diciembre 2011, 20:47 pm


Título: por qué no me funciona la función load() de jquery-ajax
Publicado por: jhonatanAsm en 7 Diciembre 2011, 20:47 pm
hola, intente realizar algo basico para probar esta funcion, pero no me llegó a cargar el contenido de la pagina que quería.

tengo un cd que me vino con un libro de javascript, ejecute el ejercicio resuelto donde usaban la funcion load(), y yo hago click y no me aparece contenido de otra pagina.quizá tengo que habilitar algo o nose a que se pueda deber esto.ayuda por favor.

pd: otros ejercicios de este cd, funcionan correctamente.

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: EFEX en 7 Diciembre 2011, 20:58 pm
Y el codigo?  :P
Podes leer sobre esta funcion en la pagina oficial de jquery.

.load()
http://api.jquery.com/load/ (http://api.jquery.com/load/)

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: Pablo Videla en 7 Diciembre 2011, 20:59 pm
Referenciaste primero la libreria de jquery  :xD ?

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: jhonatanAsm en 8 Diciembre 2011, 14:49 pm
hola, bueno... ahí lees dejo el codigo del ejemplo del cd de js:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Quis Nostrud</title>
<link href="../css/global.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	
	$('#links a').click(function() {
     var url=$(this).attr('href');
     $('#headlines').load(url + ' #newsItems');
     return false;
  });
			
});
</script>
</head>
<body id="threeCol">
<div id="container">
  <div id="banner"><img src="../images/banner.png" alt="javascript: The Missing Manual" width="760" height="65"><span id="badge"><a href="http://www.sawmac.com/missing/js/"></a></span></div>
  
  <div id="contentWrap">
  <div id="main">
  <h1>Using jQuery&#8217;s load() Function</h1>
  <h2>Headlines</h2>
  <ul id="links">
    <li><a href="today.html">Today&#8217;s News</a></li>
    <li><a href="yesterday.html">Yesterday&#8217;s News</a></li>
    <li><a href="lastweek.html">Last Week&#8217;s News</a></li>
  </ul>
</div>
  
  <div id="sidebar">
    <h2>Script 11.1</h2>
</div>
  </div>
 
  <div id="news">
    <h2>News Headlines</h2>
    <div id="headlines"></div>
</div>
  
<div id="footer"><em>&#8220;Building Interactive Web Sites with javascript&#8221;</em></div>
</div>
</body>
</html>



y aquí la pagina, de la cual cargaré:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Quis Nostrud</title>
<link href="../css/global.css" rel="stylesheet" type="text/css">
</head>
<body id="twoCol">
<div id="container">
  <div id="banner"><img src="../images/banner.png" alt="javascript: The Missing Manual" width="760" height="65"><span id="badge"><a href="http://www.sawmac.com/missing/js/"></a></span></div>
  
  <div id="contentWrap">
  <div id="main">
  <h1>Headline News</h1>
  <div id="newsItems">
  <h3 class="date">Today&#8217;s News</h3>
  <h3>Labore et dolore</h3>
  <p>Quis nostrud exercitation ut labore et dolore magna aliqua. Sed do eiusmod tempor incididunt cupidatat non proident, duis aute irure dolor. Consectetur adipisicing elit, velit esse cillum dolore ut aliquip ex ea commodo consequat. Ullamco laboris nisi ut enim ad minim veniam. Ut enim ad minim veniam, lorem ipsum dolor sit amet, ut labore et dolore magna aliqua.</p>
  <h3>Quis nostrud exercitation</h3>
  <p> ut labore et dolore magna aliqua. Sed do eiusmod tempor incididunt cupidatat non proident, duis aute irure dolor. Consectetur adipisicing elit, velit esse cillum dolore ut aliquip ex ea commodo consequat. Ullamco laboris nisi ut enim ad minim veniam. Ut enim ad minim veniam, lorem ipsum dolor sit amet, ut labore et dolore magna aliqua.</p>
  </div>
<h2>&nbsp;</h2>
</div>
  
  <div id="sidebar">
    <h2>Headline News</h2>
</div>
  </div>
  <div id="footer"><em>&#8220;Building Interactive Web Sites with javascript&#8221;</em></div>
</div>
</body>
</html>


gracias por comentar.salu2.

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: EFEX en 8 Diciembre 2011, 16:52 pm
Hola a mi me funciona bien, como deberia... estas seguro que estas enlazando el archivo js correctamente ?
Código
  1. <script type="text/javascript" src="../js/jquery.js"></script>
Yo en mi caso, enlaze directamente desde el oficial
Código
  1. <script src="http://code.jquery.com/jquery-latest.js"></script>
Probé el script y funciona correctamente.

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: jhonatanAsm en 9 Diciembre 2011, 03:47 am
podrias probarlo en google chrome por favor.

ya lo probe en explorer 9, y firefox y si me carga bien. pero da problems en el google chrome, no me carga el contenido que debiera salir.

alguna sugerencia.gracias por comentar.salu2.

pd: ya corrobore de que esté habilitado el javascript, y aun no funka en google chrome.help me!.

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: EFEX en 9 Diciembre 2011, 05:27 am
Probá enlazando directamente con 127.0.0.1, por ejemplo

Código
  1.  
  2. <ul id="links">
  3.     <li><a href="http://127.0.0.1/archivo/today.html">Today&#38;#8217;s News</a></li>
  4.     <li><a href="http://127.0.0.1/archivo/yesterday.html">Yesterday&#38;#8217;s News</a></li>
  5.     <li><a href="http://127.0.0.1/archivo/lastweek.html">Last Week&#38;#8217;s News</a></li>
  6. </ul>
  7.  

Probá y contanos

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: jhonatanAsm en 9 Diciembre 2011, 13:04 pm
@efex, ya le puse:

Código:
<li><a href="http://127.0.0.1/today.html">Today ...
, y no me anda. y buscando por la web no soy el primero que le pasa esto con google chrome.

por ahora buscare una funcion parecida a load(). si conoceis alguna que funcione en google chrome hacedmela saber por favor.gracias por comentar.salu2.

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: Pablo Videla en 9 Diciembre 2011, 14:12 pm
Cita de: jhonatanAsm en  9 Diciembre 2011, 13:04 pm
@efex, ya le puse:

Código:
<li><a href="http://127.0.0.1/today.html">Today ...
, y no me anda. y buscando por la web no soy el primero que le pasa esto con google chrome.

por ahora buscare una funcion parecida a load(). si conoceis alguna que funcione en google chrome hacedmela saber por favor.gracias por comentar.salu2.

Ve los errores javascript en chrome, debe haber algo incompatible con él.

 Muestranos el error y te daremos las posibles soluciones

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: Spider-Net en 9 Diciembre 2011, 14:27 pm
Cita de: jhonatanAsm en  9 Diciembre 2011, 13:04 pm
@efex, ya le puse:

Código:
<li><a href="http://127.0.0.1/today.html">Today ...
, y no me anda. y buscando por la web no soy el primero que le pasa esto con google chrome.

por ahora buscare una funcion parecida a load(). si conoceis alguna que funcione en google chrome hacedmela saber por favor.gracias por comentar.salu2.

load() funciona perfectamente en chrome, yo estoy haciendo ahora mismo un proyecto que lleva ajax y estoy usando la función load() de jquery y funciona sin problemas en todos los navegadores. Así que el error no puede ser la función load, será otra parte del script.

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: Pablo Videla en 9 Diciembre 2011, 14:30 pm
Cita de: Spider-Net en  9 Diciembre 2011, 14:27 pm
load() funciona perfectamente en chrome, yo estoy haciendo ahora mismo un proyecto que lleva ajax y estoy usando la función load() de jquery y funciona sin problemas en todos los navegadores. Así que el error no puede ser la función load, será otra parte del script.
Exacto, por eso nos debe mostrar el error javascript que le aparece, porque tambien uso la funcion load en chrome y ningun problema.

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: EFEX en 10 Diciembre 2011, 03:04 am
Hola jhona, lo probé con chrome y no tube problemas  :-\ (instale la ultima version, por que hace poco formatie), anda a la consola de javascript que tiene chrome para tratar de identificar el problema, para abrir la consola es SHIFT+CTRL+J, el panel de abajo es la consola y te saldrá donde esta el error marcado en rojo.

Por las dudas dejo el codigo.

Código
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>Quis Nostrud</title>
  6. 	<script src="http://code.jquery.com/jquery-latest.js"></script>
  7. 	<style type="text/css">
  8. 	p{
  9. 		background-color:#FFFBDB;
  10. 		padding:5px;
  11. 	}
  12. 	</style>
  13. 	<script type="text/javascript">
  14. 	$(document).ready(function(){
  15. 		$('#links a').click(function() {
  16. 			var url=$(this).attr('href');
  17. 			$('#headlines').load(url + ' #newsItems');
  18. 			return false;
  19. 		});
  20. 	});
  21. 	</script>
  22. </head>
  23. <body id="threeCol">
  24. 	<div id="container">
  25. 		<div id="banner">
  26. 			<img src="../images/banner.png" alt="javascript: The Missing Manual" width="760" height="65">
  27. 			<span id="badge">
  28. 				<a href="http://www.sawmac.com/missing/js/"></a>
  29. 			</span>
  30. 		</div>
  31. 		<div id="contentWrap">
  32. 			<div id="main">
  33. 				<h1>Using jQuery&#38;#8217;s load() Function</h1>
  34. 				<h2>Headlines</h2>
  35. 				<ul id="links">
  36. 					<li><a href="archivo.html">Today&#38;#8217;s News</a></li>
  37. 					<li><a href="yesterday.html">Yesterday&#38;#8217;s News</a></li>
  38. 					<li><a href="lastweek.html">Last Week&#38;#8217;s News</a></li>
  39. 				</ul>
  40. 			</div>
  41. 			<div id="sidebar">
  42. 				<h2>Script 11.1</h2>
  43. 			</div>
  44. 		</div>
  45. 		<div id="news">
  46. 			<h2>News Headlines</h2>
  47.     		<div id="headlines"></div>
  48. 		</div>
  49. 		<div id="footer">
  50. 			<em>&#38;#8220;Building Interactive Web Sites with javascript&#38;#8221;</em>
  51. 		</div>
  52. 	</div>
  53. </body>
  54. </html>
  55.  

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: jhonatanAsm en 10 Diciembre 2011, 14:31 pm
hola, aparentemente es cuestion de permisos. me tira el sgte error:

XMLHttpRequest cannot load file:///C:/Users/nombreUsuario/Desktop/abc.html. Origin null is not allowed by Access-Control-Allow-Origin.

como puedo solucionarlo.gracias por su ayuda.salu2.

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: Pablo Videla en 10 Diciembre 2011, 15:21 pm
Cita de: jhonatanAsm en 10 Diciembre 2011, 14:31 pm
hola, aparentemente es cuestion de permisos. me tira el sgte error:

XMLHttpRequest cannot load file:///C:/Users/nombreUsuario/Desktop/abc.html. Origin null is not allowed by Access-Control-Allow-Origin.

como puedo solucionarlo.gracias por su ayuda.salu2.

Subelo a un server, que a mi me paso lo mismo, y se resolvio de esa manera  :xD

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: jhonatanAsm en 11 Diciembre 2011, 20:51 pm
me funciono cuando lo puse en el server. existe alguna explicacion (lógica )para esto? , que significa Access-Control-Allow-Origin?

@Spider-Net, tu proyecto lo trabajas desde un server?

gracias... totales. ;-)

pd: acabo de conocer lo que es yql y me llama la atencion: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

aquí un tuto: http://blog.ikhuerta.com/tutorial-de-yql-con-jquery

ahora.  les parece un lenguaje de programacion para internet... :xD

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: Pablo Videla en 11 Diciembre 2011, 22:33 pm
Cita de: jhonatanAsm en 11 Diciembre 2011, 20:51 pm
no se podrán cambiar los permisos en la carpeta donde se instaló el google chrome?
algo así como configurar el php.ini

salu2.
Si lo subes a un servidor o lo usas con apache en localhost TE FUNCIONARÁ.

Título: Re: por qué no me funciona la función load() de jquery-ajax
Publicado por: Imperius en 9 Noviembre 2012, 13:38 pm
Cita de: DonVidela en  7 Diciembre 2011, 20:59 pm
Referenciaste primero la libreria de jquery  :xD ?


gracias jajajajaj q noob q soy arranque con php, html, y javascript hace muy poco


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines