本文探讨了一种前端JavaScript提交订单时遇到的错误：'POST'请求不被支持。通过分析前端AJAX代码和后端Java控制器方法，发现了问题所在。解决方案是删除前端请求的type:'POST'属性和后端@RequestMapping注解中的method=RequestMethod.POST参数，使得默认的POST请求能够正常执行。这为处理类似前端与后端交互问题提供了参考。
$(function(){
// 订单取消
$("#cancel").click(function() {
if (confirm("${message("yee.member.order.cancelConfirm")}")) {
$.ajax({
url: "${base}/member/order/cancel.jhtml?sn=${order.sn}",
type: "POST",
dataType: "json",
cache: false,
success: function(message) {
if (message.type == "success") {
location.reload(true);
} else {
$.message(message);
}
}
});
}
return false;
});
});
页面提交方法如上，后台如下：
/**
* 取消
*/
@RequestMapping(value = "/cancel", method = RequestMethod.POST)
public @ResponseBody
Message cancel(String sn) {
Order order = orderService.findBySn(sn);
if (order == null) {
return ERROR_MESSAGE;
}
Member member = memberService.getCurrent();
if (!member.equals(order.getMember())) {
return ERROR_MESSAGE;
}
if (order.hasExpired() || (!Order.Status.pendingPayment.equals(order.getStatus()) && !Order.Status.pendingReview.equals(order.getStatus()))) {
return ERROR_MESSAGE;
}
if (orderService.isLocked(order, member, true)) {
return Message.warn("yee.member.order.locked");
}
orderService.cancel(order);
return SUCCESS_MESSAGE;
}
前台提交报出：Request method 'POST' not supported。
解决方法：前台去掉type: "POST",后台去掉 method = RequestMethod.POST。
2139
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
