频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
jsonp跨域时出现错误解决记录
2017-09-29 14:09:00         来源:lx_1024的博客  
收藏   我要投稿

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

遇到的这个问题,究其原因是,在用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);
					}
				  });

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

点击复制链接 与好友分享!回本站首页
上一篇:脚本化HTTP之AJax的使用实例
下一篇:web弹出层组件之js组件layer
相关文章
图文推荐
文章
推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站