AJAX distinto dominio

[_Ju]

Que tal, estoy iniciando con una aplicación móvil, y manejo el Backend con Django; probé hacer una petición AJAX en mi aplicación de Django y funcionó correctamente.

Código Javascript:

<script type="text/javascript">
            $(function() {
                $.get("/hola", function(data) {
                        alert(data);
                    });
            });
        </script>
 

Código Python:

from django.http import HttpResponse
 
def hola(request):
    if request.is_ajax():
        message = "Hello AJAX"
    else:
        message = "Hello"
 
    return HttpResponse(message)
 

Hasta aquí todo bien, pero cuando intento hacer la petición AJAX desde diferentes dominios, esto no me anda:

Código Javascript:

<script type="text/javascript">
            $(function() {
                $.get("http://192.168.1.1/hola", function(data) {
                        alert(data);
                    });
            });
        </script>
 

En firebug marca que si hace la petición (código 200) pero no muestra el 'alert' con el mensaje.

[razpeitia]

Prueba con esto, no soy realmente bueno en js y mucho menos en su framework de jQuery

Código Javascript:

$.ajax({
     url:"http://192.168.1.1/hola/",
     success:function(data){
         alert(data);
     },
     error:function(){
         alert("Error");
     },
});
 

[_Ju]

Ya lo había probado y es el mismo error, al parecer es error del jQuery, a lo que veo no se puede tomar datos de un servidor externo con $.get, ya probé directamente con $.getJSON y tira el mismo error

[pzin]

Es una limitación del propio JavaScript; política del mismo origen.

No obstante podrías intentar usar la función getJSON.

[_Ju]

Con getJSON lo hago así

Código Javascript:

$.getJSON('http://192.168.1.1:8000/hola/', function(data) {
                alert('ok')
            }).error(function(){ alert('error') })
 

Y el error es el mismo; en 'hola' tengo impreso

{"message": "You are In", "result": "failed"}

[pzin]

He hecho una prueba con esto y funciona bien.

Intenta leer esa URL del ejemplo desde tu script. ¿Tal vez tengas el hola mal estructurado? No sé si tendrá que ver que se haga la llamada a un puerto específico. Lo comento por descartar cosas.

[_Ju]

También me funciona desde el script, eso del puerto no lo había pensado.. no se si afecte en algo o no. Probaré en todo caso hacer la petición a un dominio, debo descartar posibles fallas. Gracias, les diré como me fue

[razpeitia]

Del lado del servidor necesitas este middleware.

Lo que hace es inyectarle un par de cabeceras para que js acepte peticiones no solo get si no también post. De dominios foráneos.

[_Ju]

Esto es nuevo para mi, no se si estoy haciendo bien al agregar el nuevo Middleware, lo hago así:

Código Python:

MIDDLEWARE_CLASSES = (
....
'proyecto.aplicacion.django-crossdomainxhr-middleware',
)
 

Y claro, tengo el archivo django-crossdomainxhr-middleware.py dentro de la carpeta de mi aplicación.

Probé colocando la aplicación en heroku (para descartar cualquier error), pero igual, no anda

[razpeitia]

El middleware es una clase, entonces tienes que especificar la ruta a la clase.

Código Python:

MIDDLEWARE_CLASSES = (
....
'aplicacion.django-crossdomainxhr-middleware.XsSharing',
)
 

[_Ju]

Genial!! Por fin funcionó!

Gracias chicos!