window.nameドメインを越えて

1944 ワード

JavaScript Ajax

window.nameドメインを跨ぐ基礎は、iframeページがそのurlで変わる時、nameのデータは変えられません.
したがって、proxyページ(アプリケーションページと同じドメイン名)を通じてジャンプし、ドメイン間の制限を回避します.
name伝送のデータは、サイズは一般的に2 Mで、IEとfirefoxでは32 Mぐらいまで大きくなります.


CrossDomain  = {
	//        
	proxy: 'http://shawn.a.com:1234/proxy.html',

	/**
	*@param {String} url   
	*@param {Function} callback     ，  。
	*/
	getData: function(url,callback){
		var state = 0, 
		iframe = document.createElement('iframe');
		iframe.id = "CrossDomainIfrme";
		function loadfn() {
		    if (state === 1) {
                        //     
		        callback && callback(iframe.contentWindow.name);
		        destroy();
		    } else if (state === 0) {
		        state = 1;
		        iframe.contentWindow.location = CrossDomain.proxy;    
		    }  
		}
		function destroy(){
			iframe.contentWindow.document.write('');
		    iframe.contentWindow.close();
		    document.body.removeChild(iframe);
		}
		iframe.src = url;
		if (iframe.attachEvent) {
		    iframe.attachEvent('onload', loadfn);
		} else {
		    iframe.onload  = loadfn;
		}
		document.body.appendChild(iframe);
	}

}

proxy.はただの空きページです.


<!DOCTYPE html>
<html><head><title></title><meta charset="utf-8"></head><body></body></html>

データを取得するインターフェースは、ページを返す必要があります.


<!DOCTYPE html>
<html><head><title></title><meta charset="utf-8">
<script>
window.name = 'I set data!'; //       name  
</script>
</head><body></body></html>

JavaScriptカウントダウン