Javascript跨域访问解决方案【转帖】
由于安全方面的考虑,Javascript被限制了跨域访问的能力,但是有时候我们希望能够做一些合理的跨域访问的事情,那么怎么办呢?
这里分两类情况:
一、基于同一父域的子域之间页面的访问;参见如下3个domain域:taobao.com、jipiao.taobao.com、promotion.taobao.com;它们有相同的父域taobao.com。
二、基于不同父域页面之间的访问;参见如下3个domain域:taobao.com、baidu.com、sina.com.cn;它们具有不同的父域。
解决它们之间跨域的方案有:
方案1:服务器Proxy
域 A的页面JS需要访问域B下的链接获取数据,该方案在域A的服务器端建立一个Proxy程序(可能是ASP、servlet等任何服务端程序),域A的页面JS直接调用本域下的Proxy程序,proxy程序负责将请求发送给域B下的链接并获取到数据,最后再通过Proxy将数据返回给页面JS使用。
经过的访问流程就是: 域A下JS --> 域A 下Proxy -- > 域B下的链接
例子:
第一步:
域A: http://Jipiao.taobao.com/test.htm
页面上javascript脚本:
view plaincopy to clipboardprint?
<mce:script type="text/javascript"><!--
Var sUrl="http://Jipiao.taobao.com/proxy.do"; //本域下代理地址
var callback =
{
success: function(res) { alert(res.responseText); },
failure: function(res) { alert('failure');},
argument:{}
}
YAHOO.util.Connect.asyncRequest('GET', sUrl, callback, null);
// --></mce:script>
<mce:script type="text/javascript"><!-- Var sUrl="http://Jipiao.taobao.com/proxy.do"; //本域下代理地址 var callback = { success: function(res) { alert(res.responseText); }, failure: function(res) { alert('failure');}, argument:{} } YAHOO.util.Connect.asyncRequest('GET', sUrl, callback, null); // --></mce:script>
第二步:
完成域A服务端的Proxy程序(这里假定是一个servlet),伪码如下:
view plaincopy to clipboardprint?
Public class Proxy extends …….{
..doGet(……..){
HttpClient client=……;
GetMethod get=new GetMethod("www.baidu.com/xxxxx.do");//访问域B的链接
int statusCode = client.executeMethod(get);
if (statusCode != HttpStatus.SC_OK) {
byte[] responseBody = get.ge
相关文档:
JavaScript是由Netscape开发的广泛用于数百万网页和服务器应用程序的对象脚本语言。Netscape的JavaScript是ECMA-262第三版(ECMAScript)标准脚本语言的一个超集,只与发行标准有些许不同(mild differences)。
与广泛的误解相反,JavaScript不是“解释型的Java”。准确的说(In a nutshell),JavaScript是支持 ......
//广告栏
function MoveLeftLayer(layerName) {
var x = 5;
var y = 100;// 左侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
e ......
// s_id1: select的id
var objSelect = document.getElementById(”s_id1”);
//获得索引
var indexSelect = objSelect .selectedIndex;
//获得select文本
var txtSelect = objSelect .options[index].text;
//获得select值
var valSelect = objSelect .options[index].value;
//改变select ......
http://www.xker.com/page/e2008/0807/55407.html
最近发现DOMDocument对象很重要,还有XMLHTTP也很重要
注意大小写一定不能弄错.
属性:
1Attributes 存储节点的属性列表(只读)
2childNodes 存储节点的子节点列表(只读)
3dataType 返回此节点的数据类型
4Definition 以DTD或XML模式给出的节点的定义(只读 ......
我们有时获取 styl.width为空的时候,可以获取css中的width..
但ie and ff 是不同的。。
ie:
obj.currentStyle['width']
ff:
var css = document.defaultView.getComputedStyle(obj, null);
css.getPropertyValue('width') ......