加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

jsonp处理跨域问题

发布时间:2020-12-16 19:46:38 所属栏目:百科 来源:网络整理
导读:当使用ajax访问url获取数据时,可能会存在一些跨域的问题。 什么是跨域 1.域名不同,(ip地址不同) 2.域名相同,(ip地址相同),端口不同 跨域的问题: 浏览器存在限制,不让访问数据。而不是服务端的限制,服务端正常发送请求,也正常响应了,但是当数据

当使用ajax访问url获取数据时,可能会存在一些跨域的问题。


什么是跨域

1.域名不同,(ip地址不同)

2.域名相同,(ip地址相同),端口不同

跨域的问题:

浏览器存在限制,不让访问数据。而不是服务端的限制,服务端正常发送请求,也正常响应了,但是当数据到达浏览器,浏览器不让js去拿这些数据。此时以上ajax的方案就起不到作用。

处理跨域:

方案:JsonP

原理:利用 script标签,加载src路径,实现跨域加载js文件。该js文件中需要定义好一个方法,将该方法名传递给服务端,服务端根据该方法名,拼装一个方法调用语句,响应给浏览器。又浏览器来执行该语句调用方法。通过参数,将响应的数据取出即可。

实现:

js:

1.定义一个方法,script加载

2.取方法中参数,进行业务处理。

jq:已经封装好了

只需要在jq的ajax中,指定dataType为"jsonp",jq在发送请求前会先定义好一个方法。 发送请求时会将该方法作为参数(callback)传递给服务端。

服务端响应,调用方法,把数据取出,传递给data,data中拿到的即为服务端数据。

服务端的配合:

改造方法:

//响应类型contentType可以指定produces="application/json;charset=utf-8",
	//也可以使用常量值 APPLICATION_JSON_UTF8_VALUE
	@RequestMapping(value = "/user/token/{token}",produces=MediaType.APPLICATION_JSON_UTF8_VALUE)
	@ResponseBody
	public String getUserByToken(@PathVariable String token,String callback){
		E3Result result = tokenService.getUserByToken(token);
		//响应结果之前,要先判断是否为jsonp形式,即判断callback是否有数据
		if (StringUtils.isNoneBlank(callback)) {
			//callback不为空,则是jsonp请求
			//把结果封装成一个js语句响应
			return callback  + "(" + JsonUtils.objectToJson(result) + ");";
			
		}
		return JsonUtils.objectToJson(result);
	}
//spring4.1之后可使用以下方法,不用手动拼串
	@RequestMapping(value="/user/token/{token}")
	@ResponseBody
	public Object getuserByToken(@PathVariable String token,String callbacak){
		E3Result result = tokenService.getUserByToken(token);
		if (StringUtils.isNoneBlank(callbacak)) {
			//把结果封装成一个jsonp请求
			MappingJacksonValue mappingJacksonValue = new MappingJacksonValue(result);
			//设置jsonp方法为callback
			mappingJacksonValue.setJsonpFunction(callbacak);
			return mappingJacksonValue;
		}
		return result;
	}
以上两种方式自选。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读