java web跨域请求-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

java web跨域请求

简介:

Java  web中如何跨域请求呢?

使用jsonp,详情请参考:http://json-p.org/

页面代码如下:

Html代码  收藏代码
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head lang="en">  
  4.     <meta charset="UTF-8">  
  5.     <title></title>  
  6.     <script type="application/javascript"  >  
  7.         function jsonpCallback(result) {    
  8.             alert(JSON.stringify(result));    
  9.             /*for(var i in result) {    
  10.                 alert(i+":"+result[i]);//循环输出a:1,b:2,etc.    
  11.             }  */  
  12.         }    
  13.         var JSONP=document.createElement("script");    
  14.         JSONP.type="text/javascript";    
  15.         JSONP.src="http://192.168.0.100:8080/tv_mobile/video/text2?callback=jsonpCallback";    
  16.         document.getElementsByTagName("head")[0].appendChild(JSONP);    
  17.      </script>  
  18. </head>  
  19. <body>  
  20.   
  21. </body>  
  22. </html>  

 在浏览器中访问的效果:

 

后台采用spring mvc:

Java代码  收藏代码
  1. @ResponseBody  
  2.     @RequestMapping(value = "/text2",produces=SystemHWUtil.RESPONSE_CONTENTTYPE_JAVASCRIPT2 )  
  3.     public String text2(HttpServletRequest request, HttpServletResponse response,String contentType2,String callback)  
  4.             throws IOException {  
  5.         String content = null;  
  6.         Map map = new HashMap();  
  7.   
  8.         map.put("fileName""a.txt");  
  9.         content=JSONPUtil.getJsonP(map, callback);  
  10.         System.out.println(content);  
  11.         return content;  
  12.   
  13.     }  

 JSONPUtil.getJsonP 静态方法的实现如下:

Java代码  收藏代码
  1. /*** 
  2.      * 用于jsonp调用 
  3.      * @param map : 用于构造json数据 
  4.      * @param callback : 回调的javascript方法名 
  5.      * @return 
  6.      */  
  7.     public static String getJsonP(Map map,String callback)  
  8.     {  
  9.         ObjectMapper mapper = new ObjectMapper();  
  10.         String content = null;  
  11.         try {  
  12.             content = mapper.writeValueAsString(map);  
  13.             System.out.println(content);  
  14.         } catch (JsonGenerationException e) {  
  15.             e.printStackTrace();  
  16.         } catch (JsonMappingException e) {  
  17.             e.printStackTrace();  
  18.         } catch (IOException e) {  
  19.             e.printStackTrace();  
  20.         }  
  21.         if(ValueWidget.isNullOrEmpty(callback)){  
  22.             return content;  
  23.         }  
  24.         return callback+"("+content+")";  
  25.     }  

 依赖jackson 库

后台返回的内容是:jsonpCallback({"fileName":"a.txt"})

content type是

 

注意:后台返回的形式是:函数名(参数),此处的函数名就是回调函数的名称

 

参考:

spring mvc设置应答体的content type

AJAX 跨域请求 - JSONP获取JSON数据:http://justcoding.iteye.com/blog/1366102

 

App Framework发送JSONP请求(3):

http://hw1287789687.iteye.com/blog/2190719

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: