先描述一下,这个问题,是如何遇到的
在ajax调用远程服务的时候,报了一个Origin xxxxxx is not allowed by Access-Control-Allow-Origin 的错误,
大概的意思就是说,没有权限,解决方法据说要在服务端的response里面设置一个权限(网上有例子),
可是,服务端的方法,不可以修改,
所以就用到了jsonp的跨域访问。
具体的格式如下:
jQuery.ajax({ type: 'GET', url: 'http://wncrunners.com/admin/colors.json' , dataType: 'jsonp', success: function(data) { alert('success'); }
error:function(){
console.log('error');
} });
但是呢,具体调用时,就报了一个这样的错;[虽然报错,但是json数据已经正确取出]
该错误是google报的:报错信息:Uncaught SyntaxError:Unexpected token:
这个大概的意思说:返回的是json,但是指定的dataType却是jsonp,所以会报这种错误。
解决的办法如下:[我的代码是这样的]
$.ajax({
crossOrigin: true,
url :""http://cyx.ehang365.cn/map/ship-static-info/ajax/getByMmsi?mmsi="+prop.mmsi,
type : "GET",
success:function(data){
console.log(data);
}
})
可以采用的方法有:
1-下载[http://www.ajax-cross-origin.com/]中的ajax跨源插件。
2-在普通jQuery链接下面添加一个脚本链接。
3-在ajax函数中添加行“crossOrigin: true”[这里采用的就是这种]。
不好意思,问题未配图。其实大概意思还是比较清晰的。