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越权的问题。


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3