技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> 研究ext发现ajax跨域实现

研究ext发现ajax跨域实现

浏览:3734次  出处信息

    之前一直没有深入研究过ajax跨域实现的问题,最近研究ext发现他的例子里可以请求远程的页面,它的方法叫scriptTag。其实就是使用动态载入js脚本的方式来实现的。

    转一个文章过来,具体就不写了,ext是通过传一个callbak方法动服务器页面,在返回结果中加上执行 callbak方法,总得来说服务器代码还要自己可以控制,如果完全想读别人的数据还是做不到。

    作者:zhanglp888

    用json和script标签,解决ajax的跨域问题。

    ajax的XMLHttpRequest因为js的安全问题是不能跨域的,但是<script></script>可以用src=”http://otherSite.com/a.js”可以跨域,所以动态写入一个<script></script>就OK了。

    scr指向一个其它站点的文件,比如:a.php?id=15

    让a.php echo() 一个json的字符串

    json 参考:http://www.json.org

    下面为动态加载script标签的js

    

以下是代码片段:
<script>
var element = document.createElement(“script”);
function createScript(compId,dataId){
element.src = “http://othersite.com/json.php?comp_id=” + compId + “&data_id=” + dataId + “”;
element.type = “text/javascript”;
element.language = “javascript”;
}
function writeContent(){
alert(productJSON.product[0].name);
}
window.onload = function(){
createScript(1,2);
document.getElementsByTagName(“head”)[0].appendChild(element);
}
if(document.all){
element.onreadystatechange = function(){//IE用
var state = element.readyState;
if (state == “loaded” || state == “interactive” || state == “complete”) {
writeContent();
}
};
} else {
element.onload = function() {//FF用
writeContent();
};
}
</script>

    下面是json.php echo出来的内容

    

以下是代码片段:
var productJSON = {’product’: [
{’name’ : ’物件名1’},
{’building’ : ’建物名1’},
{’address’ : ’5’}
]
};

建议继续学习:

  1. 10个强大的Ajax jQuery文件上传程序    (阅读:7751)
  2. 优雅绝妙的Javascript跨域问题解决方案    (阅读:6733)
  3. jQuery中getJSON跨域原理详解    (阅读:5613)
  4. 跨域请求的iframe解决方案(1)    (阅读:5385)
  5. ajax-cross-domain    (阅读:4982)
  6. 利用跨域资源共享(CORS)实现ajax跨域调用    (阅读:4144)
  7. 三谈Iframe自适应高度    (阅读:3627)
  8. 使用window.postMessage实现跨域通信    (阅读:3392)
  9. 使用document.domain和iframe实现站内AJAX跨域    (阅读:3306)
  10. 跨域请求的iframe解决方案(2)    (阅读:3139)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1