Foros del Web » Programando para Internet » Jquery »

Cargar pagina externo con ajax

Estas en el tema de Cargar pagina externo con ajax en el foro de Jquery en Foros del Web. Buenas a todos. Esta oportunidad necesito ayuda para cargar una pagina externa en un div, y cuando digo pagina externa me refiero a una pagina ...
  #1 (permalink)  
Antiguo 24/09/2016, 10:44
Avatar de acumulador  
Fecha de Ingreso: junio-2008
Ubicación: Medellin - Antiquia
Mensajes: 459
Antigüedad: 11 años, 7 meses
Puntos: 7
Cargar pagina externo con ajax

Buenas a todos. Esta oportunidad necesito ayuda para cargar una pagina externa en un div, y cuando digo pagina externa me refiero a una pagina en otro servidor y que se accede con http://otrapagina.html

Lo he intentado con:
Código:
$("#div-content" ).load( "https://otrapagina.html");
Pero siempre me sale este error de seguridad:
Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.

Espero me puedan ayudar con este problemita, de antemano muchas gracias por su tiempo y colaboración.
__________________
-----------------------------------------------------------------------------
Yo vivo de preguntar, saber no puede ser lujo...
  #2 (permalink)  
Antiguo 24/09/2016, 13:09
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 5 años, 2 meses
Puntos: 91
Respuesta: Cargar pagina externo con ajax

Mediante la Funcion file_get_contents() de PHP puedes hacer lo que quieres ;)

aqui te dejo el Codigo:
Código PHP:
Ver original
  1. <?php
  2. $file = file_get_contents("http://example.com"); //Reemplaza http://example.com por la URL de la Pagina que quieres...
  3. echo $file;
  4. ?>

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <meta charset="UTF-8">
  4.     <title>Document</title>
  5. </head>
  6. <section class="load"></section>
  7.  
  8. <script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
  9. <script type="text/javascript">
  10.     $(".load").load('otrapagina.php');
  11.    
  12. </body>
  13. </html>
  #3 (permalink)  
Antiguo 25/09/2016, 09:42
Avatar de acumulador  
Fecha de Ingreso: junio-2008
Ubicación: Medellin - Antiquia
Mensajes: 459
Antigüedad: 11 años, 7 meses
Puntos: 7
Respuesta: Cargar pagina externo con ajax

Muchas gracias por responder, pero te pregunto si no tengo php y quiero cargar otra pagina.html desde jquery hay otra forma para que no salga el error que comentaba anteriormente??

Gracias de antemano por tu tiempo y colaboración.

Cita:
Iniciado por AngelKrak Ver Mensaje
Mediante la Funcion file_get_contents() de PHP puedes hacer lo que quieres ;)

aqui te dejo el Codigo:
Código PHP:
Ver original
  1. <?php
  2. $file = file_get_contents("http://example.com"); //Reemplaza http://example.com por la URL de la Pagina que quieres...
  3. echo $file;
  4. ?>

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <meta charset="UTF-8">
  4.     <title>Document</title>
  5. </head>
  6. <section class="load"></section>
  7.  
  8. <script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
  9. <script type="text/javascript">
  10.     $(".load").load('otrapagina.php');
  11.    
  12. </body>
  13. </html>
__________________
-----------------------------------------------------------------------------
Yo vivo de preguntar, saber no puede ser lujo...
  #4 (permalink)  
Antiguo 25/09/2016, 13:17
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 5 años, 2 meses
Puntos: 91
Respuesta: Cargar pagina externo con ajax

no se puede, a menos que uses php, ya que como estas "robando informacion" de otra pagina, el load de jquery no lo permite y sale ese error, solo puedes usar la funcion load() localmente y no externamente.

Etiquetas: ajax, externo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:01.