$ .ajax(): Origen nulo no está permitido

Estoy empezando con $.ajax(). Este es mi código:

<html> 
<head> 
    <title>Commons app</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
</head> 
<body> 
<script type='text/javascript'> 
    if($) console.log('jQuery loaded!\n'); 

    $(function() { 
     $.ajax({ 
      url: 'http://en.wikipedia.org/w/api.php?action=query&list=allimages&ailimit=5&aifrom=Albert&aiprop=dimensions|mime&format=jsonfm&callback=?' 
     }) 
     .done(function() { console.log('Yay!'); }) 
     .fail(function() { console.log('Error!'); }) 
     .always(function() { console.log('Complete!'); }); 
}); 
</script> 
</body> 
</html>

Por alguna razón, me sale el siguiente mensaje de error:

XMLHttpRequest no puede cargar http://commons.wikimedia.org/w/api.php?action=query&generator=allimages&gailimit=4&gaifrom=T&prop=imageinfo&iiprop=url&callback=?. El nulo de origen no está permitido por Access-Control-Allow-Origin.

Fuente

2011-10-13 Randomblue

Actualización: Este método está en desuso de jQuery 1.9. Ya no funciona

vieja respuesta:

Prueba esto (actualizado):

$.support.cors = true; 

$(function() { 
    $.ajax("http://commons.wikimedia.org/w/api.php?action=query&generator=allimages&gailimit=4&gaifrom=T&prop=imageinfo&iiprop=url&callback=?") 
    .complete(function() { alert('complete'); }) 
    .error(function() { alert('error'); }) 
    .success(function (data) { alert(data); }); 
});

Más sobre jQuery.support.cors sentada aquí: jQuery.support

P. S. gracias por una buena pregunta! Creo que será útil para mí también en el futuro.

Fuente

2011-10-13 10:28:12

Mismo problema ... – Randomblue

He actualizado la respuesta –

Creo que esto ya no funciona, solo probado en Chrome para Mac, versión 30.0.1599.101. XMLHttpRequest no se puede cargar http://commons.wikimedia.org/w/api.php?action=query&generator=allimages&gailimit=4&gaifrom=T&prop=imageinfo&iiprop=url&callback= ?. El nulo de origen no está permitido por Access-Control-Allow-Origin. –

-3

Debe tener en cuenta las restricciones entre dominios para solicitudes AJAX, lo que le impedirá cargar sitios web arbitrarios en el fondo por razones de seguridad. Ver here para más información.

respuesta Antiguo:
Cuando se utiliza $(foo) debe especificar con qué elementos foo usted se refiere a modificar. Lo que probablemente está buscando es algo como esto:

$(document).ready(function(){ 
    // do something 
}

Esto ejecutará las funciones una vez que el documento ha terminado de implantar su estructura DOM.

Fuente

2011-10-13 10:11:37

No entiendo lo que dices. '$()' es un acceso directo para '$ (document) .ready()'. – Randomblue

De hecho. No me di cuenta. :) Nunca he visto eso antes. Agregué una segunda parte a mi respuesta. Tal vez eso ayude. –

En cuanto a su nueva respuesta: no creo que sea una restricción entre dominios. La única otra cosa que hago es cargar jQuery desde el CDN de Google. – Randomblue

$ .ajax(): Origen nulo no está permitido

Respuesta

Cuestiones relacionadas