JSからコントローラーを呼び出して、コントローラーがリクエストマッピングを実行できるようにするにはどうすればよいですか?

ジャリッド・スミス

JavaScriptファイルでJavaSpringMVCコントローラーを呼び出そうとすると、コントローラーはリクエストマッピング関数を実行します。

どの特定のマッピングを実行するかをコントローラーが認識できるように、変数をコントローラーに渡すことも可能かどうかはわかりません。両方を行う方法を示すことができれば、それは非常に役立ちます。JSを介してコントローラーを呼び出す方法を簡単に教えていただければ、非常に役立ち、質問に答えることができます。

私のコントローラーは次のようになります。

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

JSにこのコントローラーを呼んでもらいたいのですが。

可能であれば、次のことを行い、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;
    }

どんな助けでも大歓迎です!前もって感謝します!

hina10531

これがあなたが探している例です。

@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.
        }
    });

そして最後に、あなたのコントローラー。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.
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Related 関連記事

ホットタグ

アーカイブ