關于 springmvc 3.x 版本對ajax跨域請求訪問

ajax 請求后，瀏覽器出現跨域的問題
那么在當前環境中運行的js代碼，出于安全考慮，正常情況下不能訪問www.xxx.com域名下的資源。

XMLHttpRequest cannot load http://localhost:8080/project/page/t.do. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8020' is therefore not allowed access.

單個方法中訪問可以直接單獨進行配置

response.setHeader("Access-Control-Allow-Origin", "*"); // * ：為訪問服務器地址，寫了 * 表示所有的服務都允許

<ol>
<li> 通過 實現Filter接口實現全局ajax跨域請求 </li>

import java.io.IOException;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletResponse;

import org.apache.log4j.Logger;


public class WebContextFilter implements Filter{
    
    private static Logger logger = Logger.getLogger(WebContextFilter.class);
    
    /**
     * 
     */
    public WebContextFilter() {
        logger.info("-------初始化ajax請求跨域------");
    }

    /* (non-Javadoc)
     * @see javax.servlet.Filter#init(javax.servlet.FilterConfig)
     */
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        // TODO Auto-generated method stub
    }

    /* (non-Javadoc)
     * @see javax.servlet.Filter#doFilter(javax.servlet.ServletRequest, javax.servlet.ServletResponse, javax.servlet.FilterChain)
     */
    @Override
    public void doFilter(ServletRequest request, ServletResponse response,
            FilterChain chain) throws IOException, ServletException {
        
        HttpServletResponse httpResponse = (HttpServletResponse) response;  
        httpResponse.setHeader("Access-Control-Allow-Origin","*");  
        httpResponse.setHeader("Access-Control-Allow-Methods","POST,GET,OPTIONS,DELETE");  
        httpResponse.setHeader("Access-Control-Max-Age","3600");  
        httpResponse.setHeader("Access-Control-Allow-Headers","Origin, X-Requested-With, Content-Type, Accept");  
        chain.doFilter(request, httpResponse);  
    }

    /* (non-Javadoc)
     * @see javax.servlet.Filter#destroy()
     */
    @Override
    public void destroy() {
        // TODO Auto-generated method stub
    }
}

 配置web.xml 文件
<!-- ajax跨域解決 -->
    <filter>
        <filter-name>webContextFilter</filter-name>
        <filter-class>com.test.interceptor.WebContextFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>webContextFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
 

<li>通過 繼承 OncePerRequestFilter 實現ajax跨域請求</li>

import java.io.IOException;

import javax.servlet.FilterChain;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.log4j.Logger;
import org.springframework.web.filter.OncePerRequestFilter;
 
public class CrossFilter extends OncePerRequestFilter {

    private static Logger logger = Logger.getLogger(CrossFilter.class);
    
    /**
     * 
     */
    public CrossFilter() {
        logger.info("--------------------ajax跨域初始化------------------------");
    }
    
    
    /* (non-Javadoc)
     * @see org.springframework.web.filter.OncePerRequestFilter#doFilterInternal(javax.servlet.http.HttpServletRequest, javax.servlet.http.HttpServletResponse, javax.servlet.FilterChain)
     */
    @Override
    protected void doFilterInternal(HttpServletRequest request,
            HttpServletResponse response, FilterChain filterChain)
                    throws ServletException, IOException { 
        if (request.getHeader("Access-Control-Request-Method") != null 
                && "OPTIONS".equals(request.getMethod())) {  // 如果跨域失敗 將 if 注釋掉去
            // CORS "pre-flight" request
            response.addHeader("Access-Control-Allow-Origin", "*");
            response.addHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
            response.addHeader("Access-Control-Allow-Headers", "Content-Type");
            response.addHeader("Access-Control-Max-Age", "1800");//30 min
        }
        filterChain.doFilter(request, response);
    }

}

配置web.xml 文件

<!-- ajax跨域解決 -->
    <filter>
        <filter-name>webContextFilter</filter-name>
        <filter-class>com.test.interceptor.CrossFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>webContextFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

<ol>
好了 這個時候可以進行ajax請求了

跨域訪問.png