DedeCMS digg Ajax 跨域的实现分析

提供解决方案如下：

@writen by etongchina 2009-02-06 19:00

实现方案：类似json实现

实现原理：js允许引入的远程文件（js）来操作本地数据

具体方法：（以http://news.xxx.com/200812/25-4653.html 为例）

1.修改http://news.xxx.com/200812/25-4653.html 的js调用用部分；

在本地html或js文件中写入：

<SCRIPT LANGUAGE="JavaScript">

function _Digg(type,tid){

var s = document.createElement("SCRIPT");

s.id="cgi_emotion_list";

document.getElementsByTagName("HEAD")[0].appendChild(s);

s.src="http://www.xxx.com/../dig.php?type="+type+"&tid="+tid ;

//需要统计的php页面的 src

}

function visitCountCallBack(data){

document.getElementsByTagName("HEAD")[0].removeChild(document.getElementById("cgi_emotion_list"));

for(var i in data){

var e =document.getElementById(i);

if(e) e.innerHTML=data[i];

//一些代码去修改本地html

}

}

</script>

修改以下代码：<a href="javascript:Digg(‘digg’,4653);">顶一下</a>

为：<a href="javascript:_Digg(‘digg’,4653);">顶一下</a>

2. 访问远程文件：

远程文件（http://www.xxx.com/../dig.php?type=digg&tid=456 ）返回类似代码：

visitCountCallBack({

"visitcount":135

});

以上代码相当于远程文件调用本地函数：visitCountCallBack

这样一来就可以实现利用远程返回数据来动态修改本地文件。

3.总结：

关于此方案，目前可行，也有人认为会过时。我认为不会产生JS越权的问题。

因为有梦，所以勇敢出发，选择出发，便只顾风雨兼程。