ajax跨域访问 JQuery 的跨域方法

数据迁移，点击查看详细：

 ajax跨域访问 JQuery 的跨域方法

评论

9 楼 sumaolin 2011-08-24  

简单易懂，明白了jsonp的原理

8 楼 tony534 2010-06-01  

如果访问的就只是xml文件.也自己不能修改别人的代码怎么办呢?

7 楼 hongyang070 2010-05-21  

如果访问的就只是html文件.自己不能修改别人的代码怎么办?

6 楼 fantasybei 2010-05-21  

jsonp

5 楼 misswuyang 2010-05-21  

script

melin 写道

兄弟你在合肥那个公司... 在这遇到合肥的还很难的。我最近遇到跨域调用的问题，这面是我的解决方案。

最近在做门户时，遇到要跨域Ajax调用，对此做些总结，以前做施工调用的时候由于无法解决这个问题，还是用剪贴板绕过这个问题。
Ajax是现在web开发会经常应用的技术，为我们的系统提供了更好应用体验，而一般我们只是在系统内部相互调用，如果跨域的调用可能就要受到同源策略的限制，无法完成请求：
同源策略是指阻止代码获得或者更改从另一个域名下获得的文件或者信息。也就是说我们的请求地址必须和当前网站的地指相同。同源策略通过隔离来实现对资源的保护。这个策略的历史非常悠久Netscape Navigator 2.0时代就开始了。
但有一个很巧妙的办法就是在页面中使用动态代码元素，代码的源指向服务地址并在自己的代码中加载数据。当这些代码加载执行的时候，同源策略就不会起到限制，下面是一个简单的实例，看懂以后就知道其原理：
index.html中

function showPrice(data){
alert("Symbol:" + data.symbol + ", Price:" + data.price);
}
//214是公司环境，可以替换测试
//var url = "http://192.168.20.214:8080/examples/ticker.js"; 
var url = "ticker.js"; //Outer JS URL
var script = document.createElement('script');
script.setAttribute('src', url);

//load javascript
document.getElementsByTagName('head')[0].appendChild(script);

ticker.js中
var data = {symbol:'IBM', price:100};
showPrice(data);

jquery 1.2开始就用JSONP提供支持，简化了我们的开发：
剩下的我就不写了，更为详细请参考这篇文章：http://www.cnblogs.com/cfanseal/archive/2009/05/19/1460382.html

现在基本上都是利用scripts动态加载到页面来实现跨域访问的。

4 楼 giginet 2010-05-21  

jsonp

3 楼 melin 2010-05-21  

兄弟你在合肥那个公司... 在这遇到合肥的还很难的。我最近遇到跨域调用的问题，这面是我的解决方案。

最近在做门户时，遇到要跨域Ajax调用，对此做些总结，以前做施工调用的时候由于无法解决这个问题，还是用剪贴板绕过这个问题。
Ajax是现在web开发会经常应用的技术，为我们的系统提供了更好应用体验，而一般我们只是在系统内部相互调用，如果跨域的调用可能就要受到同源策略的限制，无法完成请求：
同源策略是指阻止代码获得或者更改从另一个域名下获得的文件或者信息。也就是说我们的请求地址必须和当前网站的地指相同。同源策略通过隔离来实现对资源的保护。这个策略的历史非常悠久Netscape Navigator 2.0时代就开始了。
但有一个很巧妙的办法就是在页面中使用动态代码元素，代码的源指向服务地址并在自己的代码中加载数据。当这些代码加载执行的时候，同源策略就不会起到限制，下面是一个简单的实例，看懂以后就知道其原理：
index.html中

function showPrice(data){
alert("Symbol:" + data.symbol + ", Price:" + data.price);
}
//214是公司环境，可以替换测试
//var url = "http://192.168.20.214:8080/examples/ticker.js"; 
var url = "ticker.js"; //Outer JS URL
var script = document.createElement('script');
script.setAttribute('src', url);

//load javascript
document.getElementsByTagName('head')[0].appendChild(script);

ticker.js中
var data = {symbol:'IBM', price:100};
showPrice(data);

jquery 1.2开始就用JSONP提供支持，简化了我们的开发：
剩下的我就不写了，更为详细请参考这篇文章：http://www.cnblogs.com/cfanseal/archive/2009/05/19/1460382.html

2 楼 satanest 2010-05-21  

getJSON也是用iframe实现的

1 楼 化蝶自在飞 2010-05-20  

确实够简洁,顶顶.