Pass a list of li from client to Spring MVC controller

Question

I would like to send a list of values to a Spring controller in a submission. The list changes dinamically in the client. I looked at this but only works with input, because I can not put a name in the tag 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>

Are there anyway to achieve it?

Any help would be greatly appreciated,

Thanks.

want to sent whole list or only selected single value(at a time )? — Vishal Gajera, Feb 26 '16 at 08:55
Check out the [following](http://stackoverflow.com/questions/133925/javascript-post-request-like-a-form-submit) looks like what you need. — Youssef NAIT, Feb 26 '16 at 09:04

score 3 · Accepted Answer · answered Feb 26 '16 at 09:06

<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>

And you controller shuold be like :

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

And your array is ready with the li values.

score 1 · Answer 2 · edited May 23 '17 at 12:23

1

Note that <ul> data is not sent to the server because it is not a user input component.

check below link

Trying to get some kind of dynamic, unordered list to send the order to servlet

but if you want to send all values you can send it by javascript or ajax by fetching <li> values in javascript and send to servlet.

edited May 23 '17 at 12:23

Community

1
1

answered Feb 26 '16 at 08:57

Musaddique

1,295
1
11
28

Youssef NAIT · Answer 3 · 2016-02-26T09:10:38.960

1

You can Post the data using a javascript POST(with an XMLHttpRequest), retrieve the data from the list and send it.

edited Feb 26 '16 at 09:10

answered Feb 26 '16 at 09:00

Youssef NAIT

1,040
9
22

score 1 · Answer 4 · answered Feb 26 '16 at 09:03

1

Use jquery for getting the value of li tag , after that make a array and call the controller with array as a request parameter.

answered Feb 26 '16 at 09:03

Akash Panday

59
4

Santhosh · Answer 5 · 2016-02-26T09:16:46.620

AFAIK, Normal behavior is that only input elements are posted to the servlet from <form> submit. You can rather post it through 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
        });
    });
});

score 0 · Answer 6 · answered Feb 26 '16 at 09:22

you can use js or jquery ajax request for this. You can find all li value different at js, after that you describe var obj. which has li values and call ajax method :

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

        }
    });

Pass a list of li from client to Spring MVC controller

6 Answers6