Послать Indside ul данные от ajax

Question

Как бы вы отправляли ul-> li данные в форме Ajax. Я хочу отправить все данные в ul -> li с помощью ajax и jquery.

  <form id="rightData" method="POST">
                        <ul class="list-group" id="accordian">

                            <!-- right list  -->

                        </ul>
                        <input type="submit" value="submit" name="submit">
                    </form>

JS Pushing list из json в UL

  $.getJSON('https://api.myjson.com/bins/d6n2a', function (data) {
            data.topic_info.qt_ct_connection.map(value => {
                value.ct_list.forEach((CTLIST, index) => {

                    $tBody.append(`<li class="list-group-item" id="rl">${CTLIST.ct}
                    <p id=${index}class="show">

                            <a href="#demo_${CTLIST.ct}" class="btn btn-danger" data-toggle="collapse">Simple collapsible</a>
                                <div id="demo_${CTLIST.ct}" class="collapse">
                          <label>${Object.keys(CTLIST)[2]}</label> <input type="text" value="${CTLIST.tts}><br>
                          <label>${Object.keys(CTLIST)[1]}</label> <input type="text" value="${CTLIST.topic_level}"><br> 
                            <label>${Object.keys(CTLIST)[4]}</label> <input type="checkbox" ${(CTLIST.to_be_shown_individually && 'checked')}  > <br>

                          <label>${Object.keys(CTLIST)[3]}</label><input type="checkbox" ${(CTLIST.check_for_geometry && 'checked')}  > <br>
                           </div>        
                    </p>
                    </li>`);



                });

как я могу использовать метод post для отправки данных постоянно

одним щелчком мыши для отправки

Answer 1

Попробуйте собрать все данные с помощью formData и добавить к ним значения элементов ul.

https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData