problema con funcion ajax

Iniciado por fvskate02, 18 Enero 2013, 21:41 PM

0 Miembros y 1 Visitante están viendo este tema.

fvskate02

saludos estoy usando la siguien funcion ajunto el codigo :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
   <head>
      <title> Practica JS </title>
        <meta http-equiv="content-type"
              content="text/html:charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="css/all.css">         
        <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js">
        </script>
   <script type="text/javascript">
             
    function carga(pagina,menu){

         $.ajax({
           url : pagina,
           cache : false,
           success : function(object,status,response){

           $("#principal").html(response.responseText);
 
            }
         });
          $("#menu div").removeClass('bActivo').css('color #FF0000');
          $("#M"+menu).addClass('bActivo').css('color #4F4F4F');
         }
        </script>
    </head>
   <body>
      <div id="area">
            <div id="menu">
                <div id="M1"onClick="javascript:carga('inicio.html',1)">Inicio</div>
                   
                <div id="M2"onClick="javascript:carga('acerca.html',2)">Todo ANDROID</div>
                   
                <div id="M3"onClick="javascript:carga('ayuda.html',3)">Ayuda</div>
                   
            </div>
   
            <div id="principal"></div>
        </div>
   </body>
</html>

Funciona perfectamente en mozilla y en internet explorer el problema sucede cuando lo abro en google chrome no hace nada visualize la consola javascript y sale lo siguien ( origin null is not allowed by access-control-allow-origin) ayuda por favor

Ori-chan

no entiendo de ajax. Pero para poner codigos usa las etiquetas de code que tienes arriba a la derecha. (donde pone GeSHi).

Saludos!!


#!drvy

 Google Chrome es muy restrictivo a la hora de usar ajax. El error básicamente te ocure porque para Chrome, file:// es un dominio remoto y inmediatamente te niega el intentar enviar data hacia ese archivo.


La solución seria que te montes un servidor local mediante WAMP o LAMP o MAMP (dependiendo del sistema operativo que uses) y hagas las pruebas ahí. También esta la solución de iniciar Google Chrome con el siguiente parámetro:
(Inicio / Inicio > Ejecutar) chrome.exe --allow-file-access-from-files

Ten en cuenta, que una vez subida tu pagina a un servidor, esto funcionara sin ningún problema.

Saludos