如何从（.js）文件发送ajax请求到Spring MVC Controller？

Posted 2021-04-26

（JS）

$.ajax({
                type: "POST",
                //contentType : "application/json",
                dataType : "json",
                url: "getStateNames",
                //url:"http://localhost:8081/Mining_22_11_17/pages/admin/a.jsp",
                cache: false,               
                data: "region=" + re + "& stId=" + state_id, 
                success: function(response){
                    //$('#result').html("");
                    alert("hiiii state list");
                    var obj = JSON.parse(response);
                    alert("state list" + obj);
                    //$('#result').html("First Name:- " + obj.firstName +"</br>Last Name:- " + obj.lastName  + "</br>Email:- " + obj.email);
                },
                error: function(){                      
                    alert('Error while request..');
                }
            });

Spring MVC控制器

@RequestMapping(value="/getStateNames",method = RequestMethod.POST)
    public @ResponseBody RegionDistrict add(HttpServletRequest request, HttpServletResponse response,@RequestParam String region, @RequestParam String stId) {
        System.out.println("Get state");
}

通过运行此程序，我收到404错误。我想只使用POST发送请求。

答案

$("#yourID").click(function(event) {

    var region   = $('#id').val();
    var state_id = $('#edited').val();


    $.post("${pageContext.request.contextPath}/getStateNames", {
        region   : region   ,
        state_id : state_id 
    }, function(data) {

        //var json = JSON.parse(data);
        //...

    }).done(function(data) {
        alert("hiiii state list");
        swal("success");
        //location.reload();
    }).fail(function(xhr, textStatus, errorThrown) {
    }).complete(function() {
        //$("#btn-save").prop("disabled", false);

    });
});

试试这个希望它的工作正常

另一答案

  $.ajax({
    type: "POST",
    url: "/getStateNames",
    data: { region: re, stId: state_id },
    success : function(response) {
              alert(JSON.stringify(resoinse));
            },
            error: function(){                      
                alert('Error while request..');
            }
});

这应该工作，告诉我这是否解决了你的问题