Fork me on GitHub

Uncaught SyntaxError: Unexpected token : 开发遇到的跨域问题

先描述一下,这个问题,是如何遇到的

在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”[这里采用的就是这种]。

 

不好意思,问题未配图。其实大概意思还是比较清晰的。

 



posted @ 2018-06-05 22:31  ChangeSub  阅读(443)  评论(0编辑  收藏  举报