Cargar pagina externo con ajax

acumulador · #1 (**permalink**) 24/09/2016, 09:44

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.

AngelKrak · #2 (**permalink**) 24/09/2016, 12:09

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

aqui te dejo el Codigo:

Código PHP:

Ver original<?php
$file = file_get_contents("http://example.com"); //Reemplaza http://example.com por la URL de la Pagina que quieres...
echo $file;
?>

Código HTML:

Ver original<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<section class="load"></section>
 
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
<script type="text/javascript">
    $(".load").load('otrapagina.php');
    
</script>
</body>
</html>

acumulador · #3 (**permalink**) 25/09/2016, 08:42

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

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

aqui te dejo el Codigo:

Código PHP:

Ver original<?php
$file = file_get_contents("http://example.com"); //Reemplaza http://example.com por la URL de la Pagina que quieres...
echo $file;
?>

Código HTML:

Ver original<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<section class="load"></section>
 
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
<script type="text/javascript">
    $(".load").load('otrapagina.php');
    
</script>
</body>
</html>

AngelKrak · #4 (**permalink**) 25/09/2016, 12:17

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.