DedeCMS digg Ajax 跨域的实现

 

因为web项目用到二级域名的原因，使得原先的digg不能正常使用。仔细分析后，发现是Ajax JS提交不能跨域的问题。提供解决方案如下：

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

实现方案：类似json实现
实现原理：js允许引入的远程文件（js）来操作本地数据
参考文件：http://www.91linux.com/html/article/program/php/20071207/8938.html
具体方法：（以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越权的问题。