Solución alternativa de políticas del mismo origen usando document.domain en Javascript
Me encuentro con problemas de política del mismo origen en Javascript. He leído sobre una solución para esto usando eldocument.domain variable, pero no puedo hacer que la solución funcione. La solución alternativa es que se supone que puedes configurardocument.domain a'example.com' para que si ejecutas código desdefoo.example.com puede cargar datos a través de XHR desdebar.example.com.
Los detalles sobre la solución están aquí:
https://developer.mozilla.org/En/Same_origin_policy_for_JavaScript
Mi código de ejemplo, que no produce los resultados deseados, se ejecuta desde una URL comohttp://foo.example.com/:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<script>
document.domain = 'example.com';
window.onload = function() {
var req = new XMLHttpRequest();
var url = 'http://bar.example.com/';
req.open('GET', url, true);
req.onreadystatechange = function (aEvt) {
if (req.readyState == 4) {
var elem = document.getElementById('result');
if (req.status == 200) {
var data = req.responseText;
} else {
var data = "Error loading page: " + req.status;
}
elem.innerHTML = data;
}
};
req.send(null);
};
</script>
Result:<hr>
<div id="result"></div>
</body>
</html>
La salida de este código:
Result: Error loading page: 0
Si cambiourl a'http://foo.example.com/'Todo funciona correctamente. ¿Hay algún error en mi código de ejemplo?
No quiero usar un proxy porque son más lentos, menos eficientes y aumentarán el tráfico en nuestro servidor web. Sería genial si esta solución realmente funcionara. ¿Es esta solución alternativa "pastel en el cielo"?