$.get("") funciona solo local

claudgin · #1 (**permalink**) 28/10/2012, 13:15

Hola a todos
tengo un problema sobre el comportamiento de esto script:

Código:

	<script>
	$(document).ready(function() {

	    $("#testLink").click(function(e) {
	        e.preventDefault();
	        // Un mensaje de estado
	        $("#resultBlock").html("Obteniendo los datos - esperando...");
	        // Hacemos un peticion web y obtenemos la data
	        $.get("http://www.midominio.com/prova/pro.php", {}, function(data) {
	        	// Cargamos la data dentro de la etiqueta p
	            $("#resultBlock").html(data);
	        })
	    });

	});
	</script>

me funciona solo se el $_get("pro.php") es local :

Por favor donde estas mi error
un saludo

emprear · #2 (**permalink**) 28/10/2012, 13:26

En realidad no te funciona porque la página donde tenés la script está en local y la que solicitás por get no, es decir se encuentran en diferentes dominios, hay alternativas para solucionar esto, utilizar jsonp ó establecer un header
Access-Control-Allow-Origin: * en el server

SAludos

claudgin · #3 (**permalink**) 28/10/2012, 13:36

Gracias ahora lo pruebo

un saludo

claudgin · #4 (**permalink**) 28/10/2012, 14:00

Me da el mismo
en local funciona en remoto no:
te mando un codigo:

Código:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ajax</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
	$(document).ready(function(){
        $('#respuesta').hide();
        $('#tuto-ajax-form').submit(function(evento){
            $('#respuesta').hide();         
            evento.preventDefault();
            var datos_formulario = $(this).serialize();         
            $.ajax({
                url: 'www.midominio.com/movil/pro.php',
                data: datos_formulario,
                type: 'POST',
                dataType: 'json',
                success: function(datos){
                    $('#resultados').text(JSON.stringify(datos, null, 4));
                    $('#respuesta').text(datos.respuesta).fadeIn('slow');
                }
            });
             
        });
    });
	</script>
</head>
<body>
<section id="contenedor-formulario">
    <form id="tuto-ajax-form">
        <input type="text" id="nombre" name="nombre" placeholder="Su nombre"><br>
        <input type="tel" id="telefono" name="telefono" placeholder="Su teléfono"><br>
        <label for="horario">Hora de contacto</label><br>
        <input name="horario" type="radio" checked="checked" value="Mañana"> Mañana<br>
        <input name="horario" type="radio" value="Tarde"> Tarde<br>
        <button type="submit">Enviar</button>
    </form>
</section>
<section id="resultados">
</section>
<section id="respuesta"></section>

</body>
</html>