java - 如何从 JS 调用 Controller 以便 Controller 可以执行其请求映射？

Question

我正在尝试让 JavaScript 文件调用 JavaSpring MVC Controller ，然后该 Controller 将执行其请求映射功能。

我不确定是否也可以将变量传递给 Controller ​​，以便它知道要执行哪个特定映射。如果有人可以演示如何做到这两点，那将非常有帮助。如果有人可以简单地告诉我如何通过 JS 调用 Controller ，那也将非常有帮助并回答问题。

我的 Controller 将类似于以下内容:

@Controller
@RequestMapping(value = "/waterquality/scale")
public class NmWaidsController {
    @RequestMapping(value = {"","/"})
    public String homePageWaids(){
        return "waterquality/scale/calmix";
    }

我希望 JS 调用这个 Controller 。

如果可能，我想执行以下操作，并让 JS 将变量传递给如下所示的方法:

@Controller
@RequestMapping(value = "/waterquality/scale")
public class NmWaidsController {
    @RequestMapping(value = {"","/"})
    public String homePageWaids(int viewChoice){
        switch(viewChoice){
             case 1:
                 return "waterquality/scale/calmix";
                 break;
             case 2:
                 return "waterquality/scale/caloddo";
                 break;
             case 3:
                 return "waterquality/scale/calstiff";
                 break;
             default:
                 return error;
                 break;
    }

任何帮助将不胜感激!提前致谢!

Answer 1

这是您正在寻找的示例。

@RequestParam 将帮助您。

首先，JSON 对象。

var loginData = { 
       memberId : "test1",
       memberPw : "test2"
}

其次，Ajax。

 $.ajax({
        type: "POST",
        url: "YouActionName",
        data: loginData,
        success: function (result) {
            // do something.
        },
        error: function (result) {
            // do something.
        }
    });

最后，您的 Controller 。请记住 RequestParam 的键名必须与 JSON 的成员键名匹配。它区分大小写，所以要小心。

@RequestMapping("/YourActionName")
public String YourActionName(@RequestParam("memberId") String id, @RequestParam("memberPw") String pw ){
  return new ModelAndView("ExpectedReturnView");
} 

---

附加事件监听器非常简单。

如果你有这样的 html...

<div id="exampleDiv"></div>

然后使用基本的 id 选择器，你可以像下面这样附加一个事件......

$('#exampleDiv').click(function(e) {
    // do what you want when click this element.
});