HTML - CARGAR PAGINA WEB EN DIV SIN REFRESCAR (Navegador Chrome)

   
Vista:

CARGAR PAGINA WEB EN DIV SIN REFRESCAR (Navegador Chrome)

Publicado por Ana I. Salazar (1 intervención) el 19/10/2015 16:10:15
Hola Buen dia!

Llevo dias buscando información e intentado resolverlo, pero me eh atascado. Así que espero su ayuda :D
Lo que pasa es que recién regrese al desarrollo Web y me topo con que Chrome no realiza las instrucciones de jquery y javascript que tengo dentro de mi código para cargar paginas dentro de un div contenedor a través del menú principal.
Ya probe con distintas versiones de jquery desde la nueva jquery-2.1.4.min hasta jquery-1.11.0.js y nada. Internet Explorer 11 si lo hace, pero necesito que tenga compatibilidad con Chrome y el máximo de navegadores posibles.

El código es algo asi:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>Productos</title>
	<link href="productos-estilos.css" rel="stylesheet" type="text/css">
        <script src="jquery-1.11.0.js" type="text/javascript" ></script>
 
 
 
<!--   JAVASCRIPT  -->
<script type="text/javascript">
  function cargar(){
            var url="clientes.html"
            $.ajax({
                type: "POST",
                url:url,
                data:{},
                success: function(datos){
                    $('#contenedor-interno').html(datos);
                }
            });
        }
</script>
</head>
 
<body>
 <!-- CONTENIDO -->
 <section>
 
   <nav>
           <ul><li><a id="clientes" href="#" onclick="cargar();">Clientes</a></li></ul>
   </nav>
   <!-- CONTENEDOR INTERNO -->
   	<div id="contenedor-interno">
        </div>
     <!-- limpiar-->
    <div class="limpiar"></div>
 
 </section>
 
</body>
</html>


Espero puedan ayudarme.
Gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder