1

Есть некоторая модель с данными, из которой берутся значения для вывода с помощью JSTL на JSP странице.

Новый код js:

$(function (){
    $("#default").on('click',function(){
        $("#contentForm").action =$("#contentForm").action + '?sort=default';
        $("#contentForm").submit();
    });
    $("#increase").on('click',function(){
        $("#contentForm").action =$("#contentForm").action + '?sort=increase';
        $("#contentForm").submit();
    });
    $("#decrease").on('click',function(){
        $("#contentForm").action =$("#contentForm").action + '?sort=decrease';
        $("#contentForm").submit();
    });
});

Код формы:

<div class="dropdown">
                    <button class="dropbtn">Цена</button>
                    <form class="dropdown-content" id="contentForm" action="SortData">
                        <input type="button" id="default">По умолчанию</input>
                        <input type="button" id="increase">По возрастанию</input>
                        <input type="button" id="decrease">По убыванию</input>
                    </form>
                </div>

Код сервлета:

@WebServlet(value = "/SortData")
public class SortServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        Info Info = new Info();

        String sort = req.getParameter("sort");
        switch(sort == null?"default":sort) {
            case "increase":
                req.setAttribute("Model", Info.getSortedByIncreaseModel());
                req.getRequestDispatcher("index.jsp").forward(req, resp);
                break;
            case "decrease":
                req.setAttribute("Model", Info.getSortedByDecreaseModel());
                req.getRequestDispatcher("index.jsp").forward(req, resp);
                break;
            case "default":
            default:
                req.setAttribute("Model", Info.getBaseModel());
                req.getRequestDispatcher("index.jsp").forward(req, resp);
        }
    }
}

В сервлет приходит параметр search = null, и не отрабатывает js на странице. Скрипт пробовал помещать в разных местах, ни в <head> ни в самой форме не отрабатывает, точнее определяет какая кнопка была нажата но action не меняется, в адресной строке http://localhost:8080/farma_war_exploded/SortData?

3
  • Покажите код сервлета.
    – Roman C
    Commented 24 мая 2021 в 18:18
  • @RomanC добавил в вопрос
    – xantin
    Commented 24 мая 2021 в 18:25
  • Сам подход неправильный. Если используете JSP, то предполагается, что выполняется браузерный запрос через формы с заполненными полями. Тогда в ответ прилетает готовая страница и браузер сам обновляет страницу. Но у вас на стороне клиента на страничке используются AJAX запросы, которые обычно предполагают взять у сервера не готовую страничку, оформленную с помощью JSP, а что-то наподобие json, и затем с помощью js (jQuery, react и т.д.) на стороне клиента оформлять результат. Commented 24 мая 2021 в 20:27

1 ответ 1

1

Чтобы обновить данные на JSP с помощью сервлета, необязательно делать Ajax запросы типа $.get(), а также нет надобности перегружать страницу. Вместо этого надо передать параметр на сервер, который определяет способ сортировки. Это можно сделать разными способами. Я приведу здесь один, который меняет action атрибут формы.

$(function (){
    $("#default").on('click',function(){
        $(form).action=$(form).action+'?sort=default';
        $(form).submit();
    });
    $("#increase").on('click',function(){
        $(form).action=$(form).action+'?sort=increase';
        $(form).submit();
    });
    $("#decrease").on('click',function(){
        $(form).action=$(form).action+'?sort=decrease';
        $(form).submit();
    });
});

На сервере надо получить параметр sort.

String sort = req.getParameter("sort");
switch(sort == null?"default":sort) {
  case "increase":
     // сортируем по возрастанию
     break;
  case "decrease":
     // сортируем по убыванию
     break;
  case "default":
  default:
     // сортируем по умолчанию
}
5
  • Ваш ответ действительно полезен, но я видимо опять где то запутался. На сервер приходит параметр search = null, и js не отрабатывает на странице как надо. В вопросе прикрепил новый код и пояснения.
    – xantin
    Commented 25 мая 2021 в 8:25
  • Добавьте параметр в запрос, потому что сейчас вы не передаёте этот параметр.
    – Roman C
    Commented 25 мая 2021 в 18:21
  • Если я правильно понял, то нужно добавить атрибут name, для input, соответствующий типу сортировки. Попробовал так сделать, все равно search = null. Возможно я чего - то не понимаю.
    – xantin
    Commented 25 мая 2021 в 19:04
  • Нет, этот параметр есть в URL, а search = null надо исправлять на сервере, если вы не передаёте этот параметр. Если вы хотите, чтобы и search, и сортировка работали, надо передавать оба параметра.
    – Roman C
    Commented 25 мая 2021 в 20:17
  • Если этот ответ помог вам решить проблему, то его нужно отметить как "принятый". Галочку можно поставить слева от ответа. Более подробно читай здесь.
    – Roman C
    Commented 14 июл. в 18:05

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.