spring mvc跨域（post）--filter方案

最新推荐文章于 2024-05-02 21:30:14 发布

weixin_30472035

最新推荐文章于 2024-05-02 21:30:14 发布

阅读量125

点赞数

文章标签： java 测试 json

原文链接：http://www.cnblogs.com/grey-wolf/p/7887424.html

版权

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.InputStream;
import java.util.Properties;

public class CORSFilter implements Filter {

    public void CORSFilter(){

    }

    @Override
    public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException,ServletException {
        HttpServletResponse httpResp = (HttpServletResponse) resp;
        HttpServletRequest httpReq = (HttpServletRequest) req;

        httpResp.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, OPTIONS");
        httpResp.setHeader("Access-Control-Allow-Origin", "*");
        httpResp.setHeader("Access-Control-Allow-Credentials","true");
        if (httpReq.getMethod().equalsIgnoreCase("OPTIONS")) {
            httpResp.setHeader("Access-Control-Allow-Headers",
                    httpReq.getHeader("Access-Control-Request-Headers"));
        }
        chain.doFilter(req, resp);
    }

   
    @Override
    public void init(FilterConfig arg0) throws ServletException {
    }

    @Override
    public void destroy() {
    }
}

  <filter>
    <filter-name>corsFilter</filter-name>
    <filter-class>com.sung.risk.filter.CORSFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>corsFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

controller：

    @ResponseBody
    @RequestMapping(value = "/getNewsOfficial")
    public JSONObject getNewsOfficial(HttpServletRequest request){
        JSONObject jsonObject1 = new JSONObject();
        String currentPage = request.getParameter("currentPage");
        String pageSize = request.getParameter("pageSize");
        jsonObject1.put("currentPage",currentPage);
        jsonObject1.put("pageSize",pageSize);
        return  jsonObject1;
    }

前端页面：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>新闻动态</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
</head>

<body class="body-blackBg">
</body>
<script src="jquery.min.js"></script>
<script>

    $(document).ready(function () {
    $.ajax({
            type: "POST",
            dataType: "json",
            url: "http://localhost:8080/newsofficial/getNewsOfficial.do",
            data:{currentPage:0, pageSize:5},
            success: function (data) {
                console.log(data);
            },
            error: function (data) {

            }
        });
        $.ajax({
            async: false,
            type: 'POST',
            data:{currentPage:0, pageSize:5},
            dataType: "json",
            url: "http://localhost:8080/newsofficial/getNewsOfficial.do",//请求的action路径
            error: function (msg) {//请求失败处理函数
            },
            success: function (data) { //请求成功后处理函数。
                
            }
        })
    })
    
    
    
</script>
</html>