¿Cómo agregar contenido del archivo usando jQuery?

tengo principal documento html:¿Cómo agregar contenido del archivo usando jQuery?

<html><head></head> 
<body> 
    <div id="content"> 
    </div> 
</body> 
</html>

También tengo un archivo de contenido (no el documento html, simplemente código HTML):

<div class="CodeRay"> 
<div class="code"><pre><span class="no"> 1</span> require 
.... 
</pre></div>

Quiero añadir el archivo de contenido de documento HTML como aquí:

<html><head></head> 
    <body> 
     <div id="content"> 
      <div class="CodeRay"> 
      <div class="code"><pre><span class="no"> 1</span> require 
      .... 
      </pre></div> 
     </div> 
    </body> 
</html>

¿Cómo utilizar jQuery para realizar esta tarea? También necesito ejecutar este sitio localy. Gracias.

EDITAR: significa localmente como éste "file: /// E: /Work/ReadTheCode/main.html" función de

Fuente

2011-05-30 megas

Uso jQuery .load(). El código sería probablemente algo parecido a esto:

$(document).ready(function(){ 
    $('#content').load('contentFile.html'); 
});

Si necesita más información, here is the link a la documentación de carga de jQuery.

Fuente

2011-05-30 22:06:40 Vap0r

puede funcionar a nivel local? – megas

Debería, ¿no es así? – Vap0r

Chrome dice "XMLHttpRequest no puede cargar el archivo: /// E: /Work/ReadTheCode/content/base.html. Origin null no está permitido por Access-Control-Allow-Origin". Creo que es debido a XMLHttpRequest crossdomain – megas

se puede usar algo como esto:

$('#result').load('ajax/test.html');

Ver: http://api.jquery.com/load/

Fuente

2011-05-30 22:07:27 Dan

¿Cómo agregar contenido del archivo usando jQuery?

Respuesta

Cuestiones relacionadas