如何读取ul列表并将结果发送回java？

我有以下xhtml文件：

<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core"
            template="/templates/default.xhtml">
<ui:define name="head">
    <link rel="stylesheet" href="/css/partitioning.css"/>
</ui:define>
<ui:define name="content">
    <ui:include src="partials/navigationbar.xhtml"/>

    <div class="row container">
        <h1>Verteilung Analysis 2a für Informatiker ...</h1>

        <div id="listContainer">
            <ul class="small-block-grid-2 middel-block-grid-2 large-block-grid-2">
                <ui:repeat value="#{groupController.allGroups}" var="group">
                    <li>
                        <section class="tutorium">
                            <f:param name="class_id" value="#{group.id}"/>
                            <h1>#{group.weekdayString}, #{group.timeStart} - #{group.timeEnd} Uhr</h1>

                            <p class="subheader">#{group.leader.name}</p>

                            <div>
                                <!--<h:outputText value="ABC" rendered="#{group}"/>-->
                                <ul id="memberList" class="connectedSortable" value-id="#{group.id}">
                                    <ui:repeat value="#{group.groupMembers}" var="user">
                                        <li value-id="#{user.id}" class="sortable-item">#{user.name}</li>
                                    </ui:repeat>
                                </ul>
                            </div>
                        </section>
                    </li>
                </ui:repeat>
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="small-12 columns">
            <input type="submit" class="button" value="Verteilung speichern"/>
            <a href="#" class="button secondary">Abbrechen</a>
            <input type="submit" class="button" value="Verteilung exportieren"/>
        </div>
    </div>

    <div id="deleteDialog" class="reveal-modal small" data-reveal="">
        <h2>Vorsicht</h2>

        <p class="error">In jedem Tutorium muss mindestens ein Teilnehmer sein. Sollen leere Tutorien gelöscht
            werden?</p>
        <a class="close-reveal-modal">&#215;</a>
    </div>

</ui:define>
<ui:define name="scripts">
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="/js/vendor/jquery.cookie.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            document.getElementById("listContainer")
            var $lists = $("#listContainer").find(".connectedSortable");
            $lists.sortable({
                connectWith: $lists,
                placeholder: 'placeholder'
            });
        });


        var data = {};
        $("ul.memberList").each(function() {
            $(this).data("value-id");
            $(this).find("li").each(function() {

            })
        })

    </script>
</ui:define>

但事实上，我不知道JavaScript是如何工作的，如何将其保存到var，尤其是如何将其发送到Java。我试图通过谷歌找到答案，但几乎什么也找不到。因此，如果有人能帮助我，我将非常感激。我很抱歉我的英语不好

编辑： 我们用的是“莫哈拉”

第一步是，这些“ul”被来自我的数据库的可变数量的信息填充（每个ul获得一个值id）。每个ul的“li”也获得一个值id。现在的目标是检索这些值，例如作为数组或其他东西，以便将它们返回到处理这些信息的Java。我的问题是，我不知道如何迭代那些uls和lis，保存它们并将其返回到Java。我想我必须在JavaScript中调用我的java方法，该方法迭代并提取所有数据

之后，在Java方面，我必须处理JavaScript返回给我的东西。但我想我可以自己弄明白

我刚试过这个：

function test() {
            var data = new Array();
            $("ul.memberList").each(function() {
                var buffer = $(this).data("value-id").toString();
                var members = new Array();
                $(this).find("li").each(function() {
                    members.push(this.data("value-id").toString());
                });
                data.push(members.join(".")+","+buffer);
            });
            alert(data.join(";"));
        }

---

但是警报是空的

如果您在JSF中使用Primefaces，那么使用本文提到的

p:remoteCommand

组件从Javascript与JSF Managedbean进行通信就很容易了

但是，如果您使用的是普通JSF，那么就必须使用隐藏字段并从javascript提交它们

<h:form id="ghostForm">
    <h:inputHidden id="hide1" value="#{managedBean.property1}"/>
    <h:inputHidden id="hide2" value="#{managedBean.property2}"/>
    ...
    ...
    <h:commandButton id="ghostSubmit"  action="#{managedBean.action}" />        
</h:form>

---

非常感谢。但我不确定这是否是我所需要的。我会尽量解释得更准确些。

<h:form id="ghostForm">
    <h:inputHidden id="hide1" value="#{managedBean.property1}"/>
    <h:inputHidden id="hide2" value="#{managedBean.property2}"/>
    ...
    ...
    <h:commandButton id="ghostSubmit"  action="#{managedBean.action}" />        
</h:form>

function fillUpAndSend(){
    $("#ghostForm\\:hide1").val("ValuetoBeSentforHide1");
    $("#ghostForm\\:hide2").val("ValuetoBeSentforHide2");
    ...
    ...
    $("#ghostForm\\:ghostSubmit").click();
}