cdn上发布html页面访问后台方法跨域

今天将得意的功能上线，结果当打开页面的时候就出现了下面的错误：

 request is No 'Access-Control-Allow-Origin' header is present on the requested resource.' 

大家很熟悉出现了跨域问题，那么咱们先来聊聊什么是跨域，为什么叫跨域！

1.跨域问题

     浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.

      针对于我上面的情况是这样的，html静态文件不是放在我的服务器上，而是放在了cdn上，那么就导致了cdn的域名和我后台方法的域名不相同了。

2.什么是同域

    简单的解释就是相同域名,端口相同,协议相同。域名：比如程序员经常配的localhost，这就是域名

      具体可以参考：http://blog.csdn.net/lambert310/article/details/51683775

3.解决跨域问题的办法

    具体有8种办法解决跨域问题参考：http://blog.csdn.net/joyhen/article/details/21631833

    我觉得的办法就是采用jsonp，jsonp可以解决跨域的js文件，也可以解决跨域请求后台方法。

    如果请求后台只有请求输入参数，而没有响应返回则只需要写格式为jsonp即可。（我这里使用的jquery 的ajax访问，jquery已经封装好了jsonp，具体可以参考jquery文档），如果有返回则需要写返回函数的名称。具体如下例子（网上摘取 请求百度地图api的）

    

//获取用户当前坐标  function findUserLocation(){      var resUrl = "http://api.map.baidu.com/location/ip?ak=dKkDYZr7Mprkruw9BTlIw9d8&coor=bd09ll";      $.ajax({          type : "get", //jquey是不支持post方式跨域的          async:false,          url : resUrl, //跨域请求的URL          dataType : "jsonp",          //传递给请求处理程序，用以获得jsonp回调函数名的参数名(默认为:callback)          jsonp: "callback",          beforeSend :function(msg){              $("#showmsg").html("正在查询您的绑定信息……");          },          //成功获取跨域服务器上的json数据后,会动态执行这个callback函数          success : function(msg){               var jsonObj = eval(msg);              if(0 == jsonObj.status){                  var contentJson = eval(jsonObj.content);                  var pointJson = eval(contentJson.point);                  $("#userLat").val(pointJson.y);                  $("#userLng").val(pointJson.x);                  //提交表单                  $("#subform").attr("action","/uxunwxweb/base/gotopage.do?gotolink=ATMMap");                  $("#subform").submit();              }else{                  $("#showmsg").html("请求坐标出错，当前状态码为"+jsonObj.status);              }          }      });        }