0

下記のような処理を呼ぶことで確かに画面はTestへ遷移するのですが
URLのXXXの部分が変わらずに困っています。
localhost:8080/XXX

submitで実施すると変わったのですが、
ajaxのfail()箇所でエラー処理などを行いたいのです…。
ajaxでURLを変えて画面遷移させる場合はどのようにしたらよいのでしょうか。
もしくはsubmit後に戻りを受け取れないでしょうか。

■Jabascript側

$.ajax({
    type : "post",
    url: "test",
    data:JSON.stringify(data),
    dataType : "html",
    contentType: "application/json",
}).done(function(responseData, status, jqXHR) {
    $('#page-top').html(responseData);
}).fail(function(responseError, status, errorThrown) {
});

■Controller側

@RequestMapping(value = "/test", method = RequestMethod.POST,
        consumes = MediaType.APPLICATION_JSON_VALUE)
public ModelAndView loadTest(ModelAndView mav) {
    mav.setViewName("test");
    return mav;
}

□Javascript submitで実施

var $html = $('<form>', {
    id : 'testForm',
    method : 'post',
    action : 'test',
    style : 'display: none;'
});
$('body').append($html);
$('#testForm').submit();
$('#testForm').remove();

2 件の回答 2

0

ajaxは画面をリロードしないで、情報をやり取りする方法です。
ajaxは画面遷移ではなく画面の表示を差し替えというイメージです。
Submitは画面をリロードして表示します。
JavaScriptでブラウザの表示URLの書き換えはセキュリティ的にできないはずです。

Submitで遷移前のJavaScriptへ処理を受け渡すことはできません。
サーバー側で遷移先の画面を表示する際に、JavaScriptのコードを生成して、
Loadイベント等で処理するしかないと思います。

5
  • 回答ありがとうございます。 「サーバー側で遷移先の画面を表示する際に、JavaScriptのコードを生成して、 Loadイベント等で処理するしかないと思います。」 すみません、かみ砕いてアドバイスしていただいているのにも関わらず、よく意味が理解できませんでした…。 例えばなのですが、 ajaxをJavascriptで呼ぶ→サーバーダウン→failで受け取って「サーバー異常!」を表示などができると思うのですが、 画面遷移する際はajaxではなくsubmitを使うとのことなので、 その場合、サーバー異常を検知することができるのだろうか…ということが知りたいです。
    – kanko
    Commented 2016年10月27日 8:51
  • 画面側でサーバ異常を検知することは、不可能です。failになったとしても、通信に失敗かサーバダウンかの判別ができません。クライアント側で検知したいのはなぜでしょう?
    – himakuma
    Commented 2016年10月28日 3:34
  • fail側で失敗しましたダイアログなどを出せないかなと考えておりました。
    – kanko
    Commented 2016年11月30日 7:37
  • どうしてもしたいのであればURL固定で、ajaxにて画面を切り替える以外の方法はないです。Webシステムであればクライアントアプリが存在しない限り、潜在的に503等のエラーが表示されるのはしょうがないことです。そうならないようにテストや保守にてサーバーのメンテナンスなどをするのだと思います。
    – himakuma
    Commented 2016年12月1日 9:49
  • 回答ありがとうございます。とても勉強になりました。まだ、どういうことができてできないのか、が整理できていないため、つたない質問なって申し訳ありません。それなのにお付き合いいただきありがとうございました!
    – kanko
    Commented 2016年12月1日 12:26
0

フォームのある元の画面を「登録画面」、登録成功時に遷移する画面を「結果画面」と仮に呼ぶことにします。

submitを使う場合

submitを使う場合は、元ページのJavaScriptで結果を受け取ることはできません。
サーバー側(コントローラ)で次のような条件分岐でエラー発生時に登録画面を「再表示」するようにします。

if (エラーあり) {
    mav.addObject(エラー情報);
    mav.setViewName(登録画面);
} else {
    mav.setViewName(結果画面);
}

SpringMVCではバリデーションの方法やException発生時のハンドラーを指定することができるので別途調べるなり質問するなりしてください。

ajaxを使う場合

ajaxは通常、画面を遷移させずに(ブラウザのURLを変えずに)情報を更新するときに使います。
ajaxでPOST後にURLを変えたいのであれば、次のようにして別の画面に遷移させることはできます。

}).done(function(responseData, status, jqXHR) {
    location.href="結果画面のURL";
}).fail(function(responseError, status, errorThrown) {
    alert("エラー");
});

この場合、コントローラはPOSTを受け取るメソッドの他に、結果画面を表示する為のGETを受け取るメソッドが必要になります。

2
  • 回答ありがとうございます。 ajaxの場合はその画面内で中身を変えることができるけれど、URLが変わるわけではないということがわかりました。 「バリデーションの方法やException発生時のハンドラーを指定することができる」 についてバリデーションについてはこのキーワードで調べてみようと思います。 Exception発生時のハンドラーを指定というのがよくわかりませんでした・・・ クライアント側でそのようなことができるのでしょうか?
    – kanko
    Commented 2016年10月27日 8:42
  • サーバー側(SpringMVC)の話です。
    – tag1216
    Commented 2016年10月27日 8:51

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。