從 jsp 到使用 jQuery 的 servlet 的級聯參數

Question

我有一個包含不同類型字段的 jsp 表格； 選擇和單選按鈕。

我正在嘗試通過 jQuery 腳本將單選按鈕和 select 發送到 servlet。

如果我發送 select 值，它工作正常。 我也嘗試添加單選按鈕，但它不起作用。

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

我首先建議您查看 Web 控制台 > 網絡部分，看看是否有奇怪的請求或響應標頭或詳細信息。 您可能沒有發送您希望發送的數據。 此外，來自 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 數據。