AjaxかJavascriptを使って画面の一部を更新したい

###前提・実現したいこと
メニューボタン押下(Post送信でサーブレットを実行)→Ajaxで非同期通信を行い画面の右側にJSPを読み込みたい

###発生している問題・エラーメッセージ
下記に載せたjavascriptで右側にJSPを読み込むことができたのですが、
ここからAjaxを用いて画面の右側を更新するコードがわからずつまずいております

###該当のソースコード

JSP
1JSP
2<form method="post" name="my_form1" action="/Coming">
3</form>
4<a onClick="document.my_form1.submit();return false;">come</a>

javascript
1$(function pagesenni(){
2  $("#site-reading").load("/Comeing #test");
3    }
4})

###追加
他の部分を見直しonClickの中身を上記記載のjavascriptを入れ替えることで
画面の右側を更新することができました。
<a onClick="pagesenni();return false;">come</a>

しかし、submitの処理を部分をpagesenni()前に入れたら
jsp→サーブレット→javascriptという流れで動くと思ったのですが、
たぶんsubmitしているので後続のpagesenni()まで処理が進まず、
pagesenni()→submitにすると、一瞬ですが、それぞれの処理をしてしまい結局
画面遷移してしまいます。
(これまではjspから呼び出したサーブレットでRequestDispatcherを用いて
目的のjspに遷移していました)

サーブレットでRequestDispatcherの処理を抜くか
元のjspにRequestDispatcherを使って戻ってくるかすれば実現したい通りの
動きになると思ったのですが、処理を抜いたり戻しても予想と違う動きになります。

抽象的な質問になってしましますが、どのような処理にすれば実現するのか教えていただきたいです。

行動規範の内容に同意します

回答1件

ベストアンサー

<script>
$( "#success" ).load( "/not-here.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>
 
</body>

api.jquery.com/load/

このサンプルが参考になるのでは？

投稿2017/09/01 12:29