Как загрузить страницу результатов сервлета в Div?

Question

У меня есть следующая ситуация:

В моем веб-приложении есть меню слева, когда пользователь щелкает по любой ссылке этого меню, что определенная страница будет открыта в конкретном div. Этот конкретный div работает как страница контента.

Например, есть ссылка на изменение пароля, когда я нажимаю на нее, она будет отображаться на этом div.

Каждая страница выполнена с использованием формата .jsp, и поэтому на каждой странице также отображаются страницы ошибок и успехов. Например, если бы у меня был changePassword.jsp, у меня также были бы changePasswordError.jsp и changePasswordSuccess.jsp, они используются для отображения сообщений об ошибках и успехах.

Я использую Сервлеты, чтобы получить информацию и обработать ее и перенаправить на правильную страницу. Например, если пользователь захочет изменить свой пароль, и все будет хорошо, они будут направлены на changePasswordSuccess.jsp из сервлета, и если они получат ошибку, они будут направлены на changePasswordError.jsp.

Когда я это сделаю, они будут открываться как собственная страница, поэтому очень глупо, что я должен предоставить ссылку, чтобы пользователь мог вернуться на главную страницу. Даже если они получают сообщение об ошибке, эта страница ошибки открывается как собственная страница, которая очень очевидна.

Мой вопрос в том, как я могу направить пользователя из Сервлета на главную страницу, чтобы на странице содержимого отображалась страница результатов сервлета? Это означает, что, если пользователь перенаправляется на страницу успеха, эта страница успеха будет отображаться на странице содержимого главной страницы.

Если возможно, я бы не стал использовать стиль перенаправления .php, который включает в себя тег заголовка и внутри него есть URL перенаправления.

Answer 1

В вашем случае вы должны использовать Ajax для загрузки содержимого в DIV Для примера

 
    
     function getSummary(id) 
     { 
      $.ajax({ type: "GET", 
      url: 'Your URL', 
      data: "id=" + id, // appears as $_GET['id'] @ ur backend side 
      success: function(data) { $('#summary').html(data); 
     } 
     }); 

    }