ajax跨域处理----PHP跨域多域名同步登陆技术前段篇

首先什么是跨域,简单地理解就是由于JavaScript同源策略的限制,a.com 域名下的js没法操做b.com或是c.a.com域名下的对象。更详细的说明能够看下表:javascript

URL 说明 是否容许通讯
http://www.a.com/a.js
http://www.a.com/b.js
同一域名下 容许
http://www.a.com/lab/a.js
http://www.a.com/script/b.js
同一域名下不一样文件夹 容许
http://www.a.com:8000/a.js
http://www.a.com/b.js
同一域名,不一样端口 不容许
http://www.a.com/a.js
https://www.a.com/b.js
同一域名,不一样协议 不容许
http://www.a.com/a.js
http://70.32.92.74/b.js
域名和域名对应ip 不容许
http://www.a.com/a.js
http://script.a.com/b.js
主域相同,子域不一样 不容许
http://www.a.com/a.js
http://a.com/b.js
同一域名,不一样二级域名(同上) 不容许(cookie这种状况下也不容许访问)
http://www.cnblogs.com/a.js
http://www.a.com/b.js
不一样域名 不容许

本表引用自: http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.htmlhtml

解决跨域访问页面对象的问题有6种方法,详见 http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html 。 本文仅介绍JQuery jsonp方法。java

Jquery Jsonpjquery

jQuery.ajax方法:ajax

jQuery(document).ready(function(){
                $.ajax({
                    type: "get",
                    async: false,
                    url: "http://www.geonames.org/postalCodeLookupJSON?postalcode=10504&country=US&callback=?",
                    dataType: "jsonp",
                    jsonp: "callbackparam",//传递给请求处理程序或页面的,用以得到jsonp回调函数名的参数名(默认为:callback)
                    jsonpCallback: "success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
                    success: function(json){                    
                        $("body").append(json.postalcodes[0].adminCode2);                        
                        
                    },
                    error: function(){
                        alert('failed');
                    }
                });
            });

Jquery.getJSON方法:json

jQuery.getJSON("http://local.yahooapis.com/LocalSearchService/V3/localSearch?appid=YahooDemo&query=pizza%20&zip=10504&results=2&output=json", function(data){
                alert("Symbol: " + data.ResultSet.totalResultsAvailable);
        $("body").append(data.ResultSet.totalResultsAvailable);
            });


网上也有人开发了jquery.jsonp插件,你们也能够研究一下。
 api

参考文献:跨域

1, Cross-domain communications with JSONP, Part 1: Combine JSONP and jQuery to quickly build powerful mashups cookie

http://www.ibm.com/developerworks/library/wa-aj-jsonp1/app

2, JQuery.ajax

http://api.jquery.com/jQuery.ajax/

3,  JQuery.getJSON

http://api.jquery.com/jQuery.getJSON/

4, JavaScript跨域总结与解决办法

http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html

5, 跨域请求之jQuery的ajax jsonp的使用解惑

http://www.cnblogs.com/know/archive/2011/10/09/2204005.html

6,  JavaScript: Use a Web Proxy for Cross-Domain XMLHttpRequest Calls

http://developer.yahoo.com/javascript/howto-proxy.html

相关文章
相关标签/搜索