ajax + servlet страна штат список городов - PullRequest
Новая
       8

ajax + servlet страна штат список городов

0 голосов
/ 21 октября 2010

Я пытаюсь заполнить город, страну и список штатов, используя ajax и сервлеты. Теперь я знаю, как получить объект XMLhttpRequest. Для этого существует стандартный механизм, и в зависимости от кросс-браузерной совместимости вы получаете объект ActiveX или xml.

Затем вы отправляете запрос в actionservlet , используя xmlhttprequest.open(), и отправляете запрос, и у вас есть функция обработчика событий для решения проблемы onreadystatechange, теперь, когда дело доходит до получения ответа , Я получаю сообщение о том, что ответ получен не полностью, т.е. статус != 4 ... сейчас.

Мне было интересно, как работает весь механизм ..

как поместить параметры в запрос, отправить его сервлету, и тогда я знаю, как получить параметр из URL-адреса ... но как отправить действительный ответ ... ??

Я запутался в части ajax, потому что я не использую / не использую PHP. Это сложнее думать. Пожалуйста, предложите, что должно быть сделано.

Есть ли более простой способ заполнить список городов, стран и штатов ??

1 Ответ

0 голосов
/ 22 октября 2010

Просто позвольте сервлету вернуть желаемые опции выпадающего меню в нужном формате на основе параметров запроса в методе doGet(). Вот пример, который возвращает его в формате JSON с помощью Google Gson : 

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String type = request.getParameter("type"); // Returns "country" or "state".
    String value = request.getParameter("value"); // Value of selected country or state.
    Map<String, String> options = optionDAO.find(type, id); // Do your thing to obtain them from DB. Map key is option value and map value is option label.
    String json = new Gson().toJson(options); // Convert Java object to JSON string.

    response.setContentType("application/json"); // Inform client that you're returning JSON.
    response.setCharacterEncoding("UTF-8"); // Important if you want world domination.
    response.getWriter().write(json); // Write JSON string to response.
}

Предполагая, что вышеприведенный сервлет сопоставлен с url-pattern из /options, вы можете использовать его, как в следующем примере JSP, с помощью jQuery . Я рекомендую jQuery, потому что в противном случае вы получите в 10 раз больше кода JavaScript, необходимого для этой «простой» задачи. 

<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>SO question 3983929</title>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script>
            $(document).ready(function() {
                $('#country').change(function() { fillOptions('state'); });
                $('#state').change(function() { fillOptions('city'); });
            });
            function fillOptions(dropdownId) {
                var dropdown = $('#' + dropdownId);
                $.getJSON('options?type=' + dropdownId + '&value=' + $(this).val(), function(opts) {
                    $('>option', dropdown).remove(); // Clean old options first.
                    if (opts) {
                        $.each(opts, function(key, value) {
                            dropdown.append($('<option/>').val(key).text(value));
                        });
                    } else {
                        dropdown.append($('<option/>').text('Please select ' + dropdownId));
                    }
                });
            }
        </script>
    </head>
    <body>
        <form>
            <select id="country" name="country">
                <c:forEach items="${countries}" var="country">
                    <option value="${country.key}" ${param.country == option.key ? 'selected' : ''}>${country.value}</option>
                </c:forEach>
            </select>
            <select id="state" name="state">
                <option>Please select country</option>
            </select>
            <select id="city" name="city">
                <option>Please select state</option>
            </select>
        </form>
    </body>
</html>

Здесь я предполагаю, что вы уже предварительно заполнили ${countries} как Map<String, String> в сервлете, который предварительно обработал запрос к этому JSP для начального отображения.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...