调用航班查询接口,用jsonp跨域时出现SyntaxError: missing ; before statement错误解决记录

来源:互联网 发布:网络不安全怎么解决 编辑:程序博客网 时间:2024/05/18 03:10

以前没有做过跨域,这几天算是比较懂了,记录一下。

遇到的这个问题,究其原因是,在用jsonp跨域时,返回的数据格式应该是形如 jsonp1({“name”:“CZ3869”}),而接口实际返回的数据是形如{“name”:“CZ3869”},控制台就会出现SyntaxError: missing ; before statement 这样的报错,而网络的状态码是200,表示成功,但是却拿不到数据,进入不了success的函数,在网络的响应里可以看到返回的数据,经过多方打听和查询,是对方返回数据时没有使用callback,不符合官网的标准导致。

如下是jsonp跨域关键代码:

                var datas = {name:"ZC3869",date: "2017-09-08",key: "your_key",dtype:"json",format:true};    $.ajax({    async: false,    type: "GET",    dataType: "jsonp",    url: "http://api.avatardata.cn/FlightDynamic/Query",    data: datas,    //timeout: 3000,    contentType: "application/json;utf-8",    success: function(resp) {      console.log(resp);      var flightInfoErrorCode = resp.error_code;    //航班号不能为空    if (flightInfoErrorCode == 202001) {    $.alert('航班号不能为空');     return;    }    //查询不到结果    if (flightInfoErrorCode == 202002) {    $.alert('查询不到结果');    return;    }    //航班查询结果    if (flightInfoErrorCode == 0) {    //成功操作    }    console.log("航班查询结果",res);    },error:function(res){console.log("error:"+res);}  });


解决方法是使用代理服务器,由后端去拿数据,做一个接口,前端请求后端,后端把数据发给前端,前端做出相应的处理。


原创粉丝点击