无法处理来自AJAX调用的GET或POST请求

Question

我在调用AJAX请求后出现此错误。控件正在命中服务器端，所有进程都正常工作。但是，在调用控制器代码之前，我遇到了这个错误，并在这里绊倒了自己。

Jsp

<form id="pop-up3reset">
..................
<input type="submit" value="Send" id="manualModePopupSave" />

Ajax呼叫

$(document).ready(function() {
$('#manualModePopupSave').click(function() {
 var userno=$('#userno').val();
 var on_off1 = $('#pop-up3onoff1').is(':checked') ? 1 : 0;
 var search = {
 "user_no" : userno,
 "onoff1" : on_off1
 };

var myJsonStringsearch = JSON.stringify(search);
alert(myJsonStringsearch);
$.ajax({
type : "POST",
url : "setManualModeForAjax",
contentType : "application/json",
async : true,
cache : false,
data : myJsonStringsearch,
dataType : 'json',
success : function(response) {
    $('#onoff1').val(response.onoff1);
if(response.errorMessage == "-1"){
    sweetAlert("not in communication", "","error");
}else if(response.errorMessage == "M,1"){
    sweetAlert("Request is Not Reachable", "","error");
}
},
});
});
});

控制器

@RequestMapping(value = {"/setManualModeForAjax"}, method = RequestMethod.POST, produces = "application/json")
public @ResponseBody ManualModeFromAjax setManualMode(@RequestBody ManualModeFromAjax manualModeFromAjax)throws Exception
{
    System.out.println("In manual mode for AJAX request");
    ....................
    return manualModeFromAjax;
}

org.springframework.web.servlet.mvc.support.DefaultHandlerExceptionResolver handleHttpRequest方法不支持警告：请求方法'POST'不支持org.springframework.web.servlet.mvc.support.DefaultHandlerExceptionResolver handleHttpRequest方法不支持警告：请求方法'GET'不支持

网络

请求URL：http://localhost:8080/PROJECT/login?

请求方法：GET

状态代码：405方法不允许

远程地址：[::1]： 8080

请帮忙

Answer 1

这是因为您的按钮是一个提交按钮，而不仅仅是一个按钮。因此，当您单击按钮时，绑定到操作的javascript方法将被执行，但您没有阻止默认操作，因此表单也将作为x-www-form-urlencoded发送，因为我只是猜测，您的控制器只有在您获得请求方法不支持的错误时才准备好处理form-urlencoded请求。

你有不同的选择。您可以：

• 使用按钮作为按钮的类型，而不是提交
• 使用Event.prevent默认
• 只需在您的javascript方法上返回false

您的javascript应该类似于：

$('#manualModePopupSave').click(function(e) {
    //Use this...
    e.preventDefault();

    var userno=$('#userno').val();

    ....

    //or this.
    return false;
});