欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-04 19:58:24
先描述一下,这个问题,是如何遇到的 在ajax调用远程服务的时候,报了一个Origin xxxxxx is not allowed by Access-Control-Allow-Origin 的错误, 大概的意思就是说,没有权限,解决方法据说要在服务端的response里面设置一个权限(网上有例子 ......

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

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

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