跨域问题：No 'Access-Control-Allow-Origin' header is present on the requested resource.

今天写js，在调用百度的接口用地址换取经纬度的时候遇到如下问题：

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

查了下度娘，这个问题和安全机制有关，默认不允许跨域调用，这里记录一下解决方案，防止以后再犯相同的错误。

解决方法一：

只有当目标页面的response中，包含了 Access-Control-Allow-Origin 这个header，

并且它的值里有我们自己的域名时，浏览器才允许我们拿到它页面的数据进行下一步处理。如：

Access-Control-Allow-Origin: http://run.jsbin.io
如果它的值设为 * ，则表示谁都可以用：

Access-Control-Allow-Origin: *

但是，在产品环境中，没人会用 *，所以一般用第二种解决方法；

解决方法二：

处理手段：使用jsonp格式， ajax请求参数dataType:'JSONP'。

<span style="font-size:18px;"><span style="font-family:KaiTi_GB2312;font-size:14px;">$.ajax({
url: "http://.......",
type: 'GET',//get或post
dataType: 'JSONP',//here
success: function (data) {
}
});</span></span>