Q&A
なにをもって「できない」と判断されてますか？
■解決したいこと
@Controllerを付与したコントローラクラスのメソッドに対してajax通信のgetリクエストを行うが
該当のメソッドが実行されない
(※デバッグで確認済み)
■行った手順
・コントローラクラスの作成
・@RequestMappingで受け取るURLを設定する
・javascriptファイル内でコントローラクラス内のメソッドに対しgetリクエストを行うよう記述
(testPageController)
package com.example.demo.web.sample.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @RequestMapping(value = "/sample") @Controller public class TestPageController { @RequestMapping(value = "/test2") public String getPage2() { return "成功しました"; } }
(test.js)
$(function() { $.get('http://localhost:8080/sample/sample/test2') .done(function(data) { alert(data); }); })
(test.html)※
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"> <head> <!-- jquery --> <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script type="text/javascript" th:src="@{/js/sample/test.js}"></script> </head> <body> <p>テスト</p> </body> </html>
※cssファイルはなし
■試したこと
1 URLがマッピングされていない？
→URLを直接ブラウザに入力すると該当のメソッドにリクエストが送られることを確認(デバッグモードで確認)
2 jsファイルは動いている？
→chromの開発ツールを使って確認。$.getの処理が実行されていることは確認されたが、.doneには処理が移行していないためサーバ側へのリクエストが失敗していると考えられる
3 @RequestMappingのconsumesを使って、Content-Typeを明示してみる
→AjaxリクエストのAcceptヘッダの確認方法が分からず未実施
それに、「Ajaxによって何の処理をして何を返して返された結果をどうしたいのか」によっても「正解」は違います
m.ts10806様
ご返信ありがとうございます。今後質問をするうえで気を付けるポイントについてもご指摘いただき感謝します！
「できない」の判断基準は以下の通りです。
getリクエストの通信先であるコントローラのgetPage2メソッドに処理が移行しない
※デバッグを使って確認
ajaxによる処理の目的、期待する結果に関しては以下の通りです
目的→コントローラへの通信(コントローラに通信できるという確認をしたい）
期待する結果→jsからコントローラへ通信が出来ればよく、結果に関しては何でもよい
上記内容を踏まえたうえで
該当するメソッドにリクエストが送られない原因としては何が考えられるでしょうか？
質問は編集できますので、内容調整してください。
あと、JavaScriptのコードだけではそもそも$.getが実行されているかどうかすら判断できません。
HTML、JavaScript 可能ならCSSも提示されたほうが良いと思います。
他者がコピペで現象再現できるコードですね。
URLってform送信のときのaction属性の属性値と役割はイコールなので
あとはマッピングが出来ているかと、正しくリクエストが送られる実装、操作をしているか のみです。
teratailでいくつかご質問したことはあるのですが、
質問内容にたいする回答だけでなく
原因を特定するためのプロセスまで示していただいたのは初めてでした。勉強になります。
以下内容の確認、実施を行い、結果を踏まえて質問内容を編集します。
・コントローラの@RequestMappingが正しく設定できているか
・$.getが実行されているか、リクエストが送られているか
回答ではなくあくまで質問への追記修正依頼です。
「考え方」を聞いているものならともかく、明確なものであれば（質問内容がよほど雑でなければ）、ふわっとした不明確なアドバイスは避けたいですしね。
回答1件
0
@RequestMappingのconsumesを使って、Content-Typeを明示すると改善するかもしれません。
https://spring.pleiades.io/spring-framework/docs/current/javadoc-api/org/springframework/web/bind/annotation/RequestMapping.html
例えば、AjaxリクエストのAcceptヘッダがapplication/jsonなら、コントローラ側は↓こんな感じだと思います。
java
1@RequestMapping(value = "/test2", consumes=MediaType.APPLICATION_JSON_VALUE) 2public ModelAndView getPage2() {
[追記]
すみません、的外れだったかもしれません。
jQuery 3.6.0で試したところ、
javascript
1$(function(){ 2 $.get('http://localhost:8080/sample/sample/test2') 3 ... 4}
↑このときのAcceptヘッダの値は*/*でした。
なので、consumes無しでも、少なくともgetPage2()は呼ばれるはず
という気がします(そのあと、ちゃんとレスポンスが返せるかどうかは別問題)。
ひょっとして、AjaxのURLが間違ってるなんてことはないですか?
http://localhost:8080/sample/test2だったりしません?
投稿2021/05/02 03:30
編集2021/05/02 13:50
総合スコア1323
あなたの回答
tips
プレビュー
