用json和script标签,解决ajax的跨域问题
来源:互联网 发布:买源码被骗的经历 编辑:程序博客网 时间:2024/06/05 19:20
用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'}
]
};
- 用json和script标签,解决ajax的跨域问题
- Script标签解决跨域
- 动态script标签解决跨域问题实例
- 通过script标签跨域、ajax跨域
- jquery php json cookie ajax 解决跨域的问题
- <script>标签的问题
- 如何利用script标签构建跨域ajax
- AJAX跨域解决方案—创建script标签
- 使用jsonp解决ajax请求json跨域问题
- Spring通过注释标签解决Ajax跨域访问以及Session失效的问题
- $.ajax解决跨域问题 关于json与jsonp格式的区别
- Ajax跨域问题浏览器兼容性的模拟和解决
- 解决ajax和spring的跨域访问问题
- springMVC3和springMVC4解决ajax跨域请求的问题
- 用script标签实现跨域
- ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?
- 关于react用script标签引入jsx文件的问题
- Ajax--解决跨域浏览的问题
- 孙鑫VC视频教程笔记之第十六课(下)“异步套接字编程”
- 开源化SOA正在改写IT规划方程式
- 第2章 准备——2.2.安装IDE——Code::Blocks
- Debug 和 Release
- @@ERROR @@ROWCOUNT 返回的都是上一条SQL 语句后的执行信息。
- 用json和script标签,解决ajax的跨域问题
- String与Integer 之间的转换
- 第2章 准备——2.4.安装wxWidgets
- EXT中 的身份证逻辑验证
- XML 命名空间
- c# 平台调用 复杂结构体 指针
- 第2章 准备——2.5.安装boost
- 攻击方式学习之(1) - 跨站式脚本(Cross-Site Scripting)
- 一个microsoft的.exe程序文件的启动过程