將li的列表從客戶端傳遞給Spring MVC控制器

Question

我想在提交中向Spring控制器發送一個值列表。 該列表在客戶端以dinamically方式更改。 我看了這個，但只適用於輸入，因為我不能在標簽li中添加名稱。

<ul id="paramselected" class="paramsnav" class="dropdown">
    <li class="ui-widget-content selected">value1</li>
    <li class="ui-widget-content selected">value2</li>
    ...                 
</ul>

反正有沒有實現它？

任何幫助將不勝感激，

謝謝。

Answer 1

<ul id="paramselected" class="paramsnav" class="dropdown">
  <li class="ui-widget-content selected"><input type="hidden" value="value1" name="liContent">value1</li>
  <li class="ui-widget-content selected"><input type="hidden" value="value2" name="liContent">value2</li>  
  <li class="ui-widget-content selected"><input type="hidden" value="value3" name="liContent">value3</li>              
</ul>

而你的控制器shuold就像：

@RequestMapping(value="/actionName")
  public String getLiValues(HttpServletRequest request){
    String[] liValues = request.getParameterValues("liContent");
  }

你的數組已經准備好了li值。

Answer 2

請注意， <ul>數據不會發送到服務器，因為它不是用戶輸入組件。

檢查以下鏈接

嘗試獲取某種動態，無序列表以將訂單發送到servlet

但是如果你想發送所有的值，你可以通過javascript或ajax通過在javascript中獲取<li>值並發送到servlet來發送它。

Answer 3

您可以使用javascript POST（使用XMLHttpRequest ）發布數據，從列表中檢索數據並發送它。

Answer 4

使用jquery獲取li標簽的值，然后創建一個數組並使用array作為請求參數調用控制器。

Answer 5

AFAIK，正常行為是只有輸入元素從<form> submit發布到servlet。 你可以通過jquery發布它

$(document).ready(function(){
    $("#button").click(function(){
        var arr = [];
        // get the text from li's
        $('#paramselected li').each(function(index) {
          arr.push($(this).text());
        });
        $.post("URLMapped",
        {
          liValues: arr; // arr contains your li texts
        },
        function(data,status){
            // your response here
        });
    });
});

Answer 6

你可以使用js或jquery ajax請求。 您可以在js中找到所有不同的li值，之后您將描述var obj 。 其中有li值並調用ajax方法：

$.ajax({
        type: 'POST',
        contentType: 'application/json',
        dataType: 'json',
        mimeType: 'application/json',
        async: true,
        url: url,
        data: obj,
        success: function (result) {
            console.log(result);

        }
    });