#cross-domain

Javascript tiene una limitación por la que no se permite hacer llamadas AJAX entre dos dominios distintos. Como todas las limitaciones se ha superado de una forma u otra. Hoy vamos a ver como superar esta limitación mediante un proxy PHP, y en los siguientes días veremos como hacerlo con CSSHTTPrequest y con JSONP. Bien, vamos al trapo. Para empezar tenemos que desarrollar un proxy en PHP que haga las peticiones entre dominios en el lugar de Javascript, de este modo podemos llamar desde Javascript a nuestro script 'proxy.php' sin salir del dominio actual.

define ('HOSTNAME', 'http://www.dominiodestino.com/'); $path = ($_POST['path']) ? $_POST['path'] : $_GET['path']; $url = HOSTNAME.$path; $session = curl_init($url); if ($_POST['path']) { $postvars = ''; while (list($clau, $valor) = each($_POST)) { $postvars .= $clau.'='.$valor.'&'; } curl_setopt ($session, CURLOPT_POST, true); curl_setopt ($session, CURLOPT_POSTFIELDS, $postvars); } curl_setopt($session, CURLOPT_HEADER, false); curl_setopt($session, CURLOPT_RETURNTRANSFER, true); $xml = curl_exec($session); header ("content-type: text/xml"); echo $xml; curl_close($session);

Podemos hacer peticiones AJAX a este script como si se las hiciéramos al dominio de destino, simplemente teniendo en cuenta que debemos pasar la variable path con el path del dominio de destino. En prototype la petición sería:

new Ajax.Request("proxy.php", { method: 'post', parameters: "&path=index.php&text=hola", onSuccess: function(transport){ alert(transport.responseText); } });

Kindle Fire Phonegap cross domain request not working

I am trying to do request cross domain using phonegap/cordova v2.4 in Kindle Fire. I am also using jquery/jquery mobile for the test case. I have had no issues in the past with android devices but when I migrated to Kindle, I cant seem to get the requests to work. My very Simple JS

function deviceInfo(){ alert('hi'); $.ajax({ url: "URL", dataType: 'jsonp', crossDomain:true, success:…

Solution: Amazon S3 and Access-Control-Allow-Origin #fix #answer #programming

Amazon S3 and Access-Control-Allow-Origin

Does Amazon S3 allow custom headers? Or am I out of luck?

Access-Control-Allow-Origin: *

Thanks in advance!

Answer [by James]: Amazon S3 and Access-Control-Allow-Origin

I believe you can, as in the S3 console, there’s a tab in the properties window for each file labeled ‘Metadata’, which contains a ‘Content-Type’ key by default, that corresponds to the…

How-to: Unsafe JavaScript attempt to access frame with URL #dev #it #development

Unsafe JavaScript attempt to access frame with URL

I am getting the below error when i try to set a hash value to the parent url from iframe which contains another domain url:

Unsafe JavaScript attempt to access frame with URL “URL1″ from frame with URL “URL2″. Domains, protocols and ports must match.

How can I fix this problem?

Answer [by EvilMM]: Unsafe JavaScript attempt to access frame…

Cuando desarrollamos orientados a tecnologías webs se establece un mecanismo de seguridad de comunicaciones en navegadores webs con el fin de evitar acceder a información alojada en otros servidores. Lo que se pretende es que ningún script ejecutado desde el navegador de una página web pueda acceder a otro servidor de páginas diferente al suyo. No obstante hay alternativas para acceder al contenido de otro servidor web desde el browser desde dónde se ejecuta nuestra aplicación:

 podemos usar un proxy como web service de tal forma que la comuniación no se establece entre mi browser y el servidor web deseado sino que llamo al servicio web alojado en mi servidor y éste hace la llamada.

con jsonp o lo que es lo mismo Json con Padding: en lugar de realizar una petición Ajax (Asynchronous Javascript And Xml no funciona entre dominios distintos), generamos un archivo jsonp dinámicamente en el que definimos una variable que va a actuar como callback de la petición.

Como soy fiel seguidor de "maestros del web", voy a hacerle un guiño y voy a traerme sus diez últimos post publicados: #results{ width:100%;overflow:auto} .contentfeed{ background-color:#eeeeee; border:1px solid #ADADAD; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%, #BDBBBC)); background-image: -webkit-linear-gradient(top, #eeeeee, #BDBBBC); background-image: -moz-linear-gradient(top, #eeeeee, #BDBBBC); background-image: -ms-linear-gradient(top, #eeeeee, #BDBBBC); background-image: -o-linear-gradient(top, #eeeeee, #BDBBBC); background-image: linear-gradient(top, #eeeeee, #BDBBBC); margin:10px 0; padding:20px; font:12px Arial,Sans-Serif,Verdana; } .contentfeed a{ font-weight:bolder; font-style:italic; color:#1b5072 } .contentfeed .gravatar{ vertical-align:middle; float:none; margin-right:0; padding-right:0; width:30px } .contentfeed .descfeed{width:95%} .contentfeed img{ float:left; width:150px; vertical-align:top; margin-right:20px!important; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -moz-box-shadow:3px 3px 7px 2px #616161; -webkit-box-shadow:3px 3px 7px 2px #616161; box-shadow:3px 3px 7px 2px #616161 } hr{ border:0; background-color:#eeeeee; height:1px; } function setpost(o){ if(o.query.count){ var items = o.query.results.item, title, link, creator, pubdate, parserdate, desc, comment, ncomment, gravatar, category, thumbnail; var output = ''; var nitems = items.length, n; for(var i=0;i<nitems;i++){ n = items[i]; title = n.title; link = n.link; creator = n.creator; pubdate = n.pubDate; parserdate = pubdate.slice(0,pubdate.length-5); desc = n.description; if(n.comments){ if(n.comments[0]) comment = n.comments[0]; else comment = ''; if(n.comments[1]) ncomment = n.comments[1]; else ncomment = 0; }else{ comment = ''; ncomment = 0; } if(n.content && n.content[1] && n.content[1].url){ gravatar = n.content[1].url; }else{ gravatar = ''; } if(n.category&& n.category[1]){ category = n.category[1]; }else{ category = ''; } if(n.thumbnail && n.thumbnail.url){ thumbnail = n.thumbnail.url; }else{ thumbnail = ''; } /*output += "<div class='contentfeed'><div class='imgfeed'><img src='" + thumbnail + "' alt=''/><div class='descfeed'><a href='" + link + "' target='_blank'>"+title+" por <strong>" + creator + "  <img src='" + gravatar + "' alt='' class='gravatar'/>   en " + parserdate + "<hr/>" + desc + "<hr/><strong>Comentarios: " + ncomment + ",  <a href='" + comment + "' target='_blank'>ver comentarios<hr/><strong>Categoría: " + category + "";*/ output += "<div class='contentfeed'><div class='descfeed'><a href='" + link + "' target='_blank'>"+title+" por <strong>" + creator + " en " + parserdate + "<hr/>" + desc + "<hr/>"; if(ncomment){ output += "<strong>Comentarios: " + ncomment + ",  <a href='" + comment + "' target='_blank'>ver comentarios<hr/>"; } output += "<strong>Categoría: " + category + ""; } document.getElementById('results').innerHTML = output; } }