Quise experimentar mientras investigo más cosas. Específicamente, lo que estaba intentando, es traer una página web de internet a mi página en servidor local. Funcionó, pero me trajo realmente toda la página, on este código:
$(document).on("click", "a", function(e) {
$.ajax({
url: "https://developer.mozilla.org/es/docs/Web/CSS/Pseudo-classes",
success: function(data) {
$("#contenedor").html(data);
}
});
});
* {
/*A todos los elementos de la página web se les dará estos estilos.*/
padding: 0;
/*La página no empujará los elemento hacia dentro. Aprovechamiento de toda la ventana.*/
margin: 0;
/*La página no iniciara en ningún lado. Aprovechamiento de toda la ventana.*/
font-family: "Bariol";
/*Se le agrega un tipografía a todo el documento.*/
}
/*Se terminasn los estilos para todos los elementos de la página.
/*Se modificará el contenedor de la información. Los id se identifican conel # y las clases con el .*/
#contenedor {
position: absolute;
/*Se desmaqueta la divisón con id contenedor*/
top: 10%;
/*El contenedor se moverá hacia abajo un 20% con respecto a la página.*/
width: 100%;
/*El contenedor medirá todo el ancho de la página.*/
}
/*Se modifican los estilos de todas las etiquetas de enlaces.*/
a {
cursor: pointer;
/*Se le pone el cursor del dedo.*/
}
<!DOCTYPE html>
<!--Se indica qué tip de documento es.-->
<html lang="es">
<!--Se abre el lenguaje de etiquetas y se agrega un idioma a la página web.-->
<head>
<!--Se inicia la cabecera de la página.-->
<meta charset="UTF-8">
<!--Se define un tipo de caracteres que se utilizarán en la página.-->
<title>Prueba</title>
<!--Se le da un título a la página en la pestaña del navegador.-->
</head>
<!--Se finaliza la cabecera de la página.-->
<body>
<!--Se inicia el cuerpo de la página: Lo que el usuario verá.-->
<div id="contenedor">
<!--Se abre una división con identificador de "contenedor" que contendrá toda la información de la página.-->
<a>Traer pseudoclases.</a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</body>
<!--Se cierra el cuerpo de la página: Lo que el usuario verá.-->
</html>
<!--Se finaliza la página web.-->
Lo que yo quiero saber es cómo traer sólo una sección de la página de internet a mi página web en servidor local. Algo así como una API. Es decir, la página de ejemplo tiene un ID llamado "wiki-content". ¿Cómo podría hacer que, para cuando le de click a la etiqueta a
, me traiga sólo esa sección de página, o en su defecto, si no es posible.
load
. Si no te responde nadie antes, ahora te escribo una respuesta.