当使用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; }以上两种方式自选。