ajax提交表单，spring boot跨域配置

ps:直接通过html中提交……，直接上手用ajax来提交表单

ajax提交表单

详情见 jquery api

function login(){
    $.ajax({
       type: "POST",
       dataType:"<返回类型>",
       url: "<url>",
       data: "$("#ID_login_form<form id>").serialize()",
       success: function(msg){
         alert( "Data Saved: " + msg );
       }
       error: function(){
           alert("error!");
       }
    });
}

对应的网页

<form id="ID_login_form" onsubmit="return false" action="#" method="post">

                    <input id="ID_username" name="name" type="text" />

                    <input id="ID_password" name="password" type="password" />

                    <input id="ID_login_btn" onclick="login()" class="submit_btn" type="submit" value="登录" />

        </form>

在form表单中设置 onsubmit =”return false”否则会出现提交之后，action也会跳转

spring boot跨域支持网页访问

https://spring.io/guides/gs/rest-service-cors/
在application中添加配置过滤

    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        return corsConfiguration;
    }

    /**
     * 跨域过滤器
     * @return
     */
    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", buildConfig());
        return new CorsFilter(source);
    }