java项目JS跨域问题解决方案

admin

        项目大致是这样的 一个SSO统一认证 三个子项目 ，采用单点登录的方式实现各个科目无缝隙跳转。由于之前4个项目都是放在一个tomcat下，也就共用一个端口，所以不存在跨域的问题。  
      
       功能需求：为了实现统一调用SSO的昵称以及积分等级(实时性比较强)

       由于 tomcat下放的项目有点多，导致时不时内存溢出，所以最终把SSO搬出来、放到了另外一个tomcat下、这就导致了项目之间端口不一致了。

一、首先说一下什么是跨域
      我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题。跨域问题是由于javascript语言安全限制中的同源策略造成的。简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合。


以上发现 也就是说  只有协议、域名、端口三者完全相同jQuery才会视为不是跨域名的。
二、解决jQuery跨域名操作对象的方法
首先前台要引入jquery插件

1. function getUserInfo(){
   
2.          $.ajax({
   
3.         type: "get",
   
4.         async: false,
   
5.         url: ssoURL+"userServlet?type=userInfo",
   
6.         dataType: "jsonp",
   
7.         jsonp: "jsoncallback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
   
8.         jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
   
9.         success: function(json){
   
10.      //组织 并展示 json数据
    
11.         },
    
12.         error: function(){
    
13.            
    
14.         }
    
15.     });
    
16. }
    

复制代码

JAV后台代码实现：

1. public void getUserInfo(HttpServletResponse response,TeacherEntity teacherEntity,HttpServletRequest request){
   
2.                 response.setContentType("text/plain;charset=UTF-8");
   
3.                 response.setHeader("Access-Control-Allow-Origin", "*");
   
4.                 response.setHeader("Access-Control-Allow-Origin", "GET, POST");
   
5.              String callbackName = (String) request.getParameter("jsoncallback");
   
6.                 PrintWriter out = null;
   
7.                 try {
   
8.             JSONObject obj = new JSONObject();
   
9.             obj.put("nickname", "admin");
   
10.             obj.put("points", "12");
    
11.             obj.put("messageCount", "4");
    
12.                     String renderStr = callbackName+"("+obj.toString()+")";
    
13.                          out = response.getWriter();
    
14.                          out.write(renderStr);
    
15.                 }catch (Exception e) {
    
16.                         e.printStackTrace();
    
17.                 } finally {
    
18.                         out.close();
    
19.                 }
    
20.         }

复制代码