AJAX问题或PostMaping问题

问：

所以，我正在尝试使用ajax，但似乎我无法运行

searchRequest.open("POST", "/test?q=" + $("#q").val(), true);

从我的JSP文件中。

<script>
        //testView.jsp
    function search() {

        const searchRequest = new XMLHttpRequest();
        searchRequest.open("POST", "/test?q=" + $("#q").val(), true);
        alert("???")
        searchRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf8");
        alert("??")
        searchRequest.onreadystatechange = () => {
            if(searchRequest.readyState == 4 && searchRequest.status == 200) {
                console.log("gwew", searchRequest.responseText);

                const table = $("#ajaxTable")[0]; // dom 반환
                table.innerHTML = "";

                const object = JSON.parse(searchRequest.responseText);
                alert(q)
                ....

这是我的jsp文件，我有一个这样的testController.java。

@Controller
public class testController {

    @GetMapping(value = "/test")
    public String test(){
        System.out.println("GET");
        return "testView";
    }

    @PostMapping(value = "/test",
            consumes = MediaType.APPLICATION_FORM_URLENCODED_VALUE,
            produces = MediaType.APPLICATION_JSON_VALUE)
    @ResponseBody
    public String testing(@RequestParam(required = false) String q) {
        System.out.println("POST");
        return q;
    }
}

不知道我哪里做错了。我在@Postmapping上遇到问题吗？