【jQuery】跨域解决方案集锦

admin

案例一：aaa.com网站页面body背景调用来自bbb.com网站的图片
主站：aaa.com
$(function(){
        $.getScript('http://cloud.hondy.net/plus/wallpaper/', function() {
                if (img) {
                        $("body").css({background:"url("+img.src+")","background-size":"100%"});
                }
        });
});

被调：bbb.com
var img = {src:'http://bbb.com/images/000.jpg'};

admin

调用端程序
$(function(){
    url="http://"+$(".logs").attr("rel")+"/html/?mid=123&ls=1";
    $(".logs").load(url,"success",function(){$(".Article .title a").css("pointer-events","none")});
})
以上代码做了特殊操作，成功载入后对.Article .title a标签禁止点击操作，如不需特殊操作，可简化如下：
$(".logs").load(url);

被调用端的网站，需要做以下设定或程序编写
方法一：在服务器端需在IIS的HTTP网页响应标头设置：
1、"Access-Control-Allow-Origin", "*"
2、"Access-Control-Allow-Headers", "Content-Type, Authorization, Accept, X-Requested-With"
适合有服务器主控权的用户

方法二：在程序里第一行添加（以下为ASP特例，其它语言添加方法基本类似）
Response.AddHeader "Access-Control-Allow-Origin", "*"
Response.AddHeader "Access-Control-Allow-Headers", "Content-Type, Authorization, Accept, X-Requested-With"  
对于没有服务器主控权的空间用户而言，只能使用方法二

注意：以上两种方法，不要重复使用，否则浏览器会提示重复错误。