jsonp跨域时出现错误解决记录
程序员文章站
2022-03-29 11:31:00
以前没有做过跨域,这几天算是比较懂了,记录一下。
遇到的这个问题,究其原因是,在用jsonp跨域时,返回的数据格式应该是形如 jsonp1({“name”...
以前没有做过跨域,这几天算是比较懂了,记录一下。
遇到的这个问题,究其原因是,在用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: "https://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); } });
解决方法是使用代理服务器,由后端去拿数据,做一个接口,前端请求后端,后端把数据发给前端,前端做出相应的处理。
上一篇: 实现泛型数组的冒泡排序算法
推荐阅读
-
jsonp跨域时出现错误解决记录
-
Jquery跨域获得Json时invalid label错误的解决办法_jquery
-
Jquery跨域获得Json时invalid label错误的解决办法_jquery
-
错误记录-解决在运行jupyter时出现的错误:ImportError: No module named ‘encodings‘
-
解决AJAX中跨域访问出现'没有权限'的错误_javascript技巧
-
解决AJAX中跨域访问出现'没有权限'的错误_javascript技巧
-
jquery中ajax跨域提交时出现2次请求的问题解决办法
-
jsonp跨域时出现错误解决记录
-
Jquery跨域获得Json时invalid label错误的解决办法
-
Jquery跨域获得Json时invalid label错误的解决办法