каскадный параметр из jsp в сервлет с использованием jQuery

Question

У меня есть форма JSP с различными типами полей;переключатели и кнопки выбора.

Я пытаюсь отправить переключатель и выбрать сервлет с помощью сценария jQuery.

Все работало нормально, если я отправил значение выбора. Я также попытался добавить переключатель, который не работает.

var radiotype - это не что иное, как поле радио в моей форме jsp.

<script>
  $(document).ready(function() {
    $('#selType').change(function(event) {
      var selType = $("select#selType").val();
      var radiotype = $("#radioid").val();
      $.get('JsonServlet', {
        selTypeList: selType,
        radiotype: radiotype
      }, function(jsonResponse) {
        var select = $('#listtemplate');
        console.log("select" + select);
        select.find('option').remove();
        $.each(jsonResponse, function(index, value) {
          $('<option>').val(value).text(value).appendTo(select);
        });
      });
    });
  });
</script>

Answer 1

Сначала я бы посоветовал вам просмотреть раздел «Веб-консоль»> «Сеть», чтобы узнать, есть ли странные заголовки или данные запроса или ответа. Возможно, вы не отправляете данные, которые ожидаете отправить. Также ответ от API может не соответствовать ожидаемому.

Я не вижу проблем с кодом, который вы используете. Я бы посоветовал некоторые незначительные изменения:

<script>
  $(function() {
    $('#selType').change(function(event) {
      var selType = $("#selType").val();
      var radiotype = $("#radioid").val();
      console.log("Select", selType, "Radio", radiotype);
      $.getJSON('JsonServlet', {
        selTypeList: selType,
        radiotype: radiotype
      }, function(resp) {
        var sObj = $('#listtemplate');
        sObj.html("");
        console.log("Response", resp);
        $.each(resp, function(k, v) {
          $('<option>').val(v).html(v).appendTo(sObj);
        });
      });
    });
  });
</script>

Как я уже сказал, ничего плохого в том, что у вас было, но это вводит несколько ярлыков. Использование $.getJSON() просто помогает обеспечить ожидание возврата данных JSON.