通过ajax发送Indside ul数据

Question

您将如何通过 Ajax 以表格形式发送 ul->li 数据。 我想通过ajax和jquery发送ul->li中的所有数据。

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

                            <!-- right list  -->

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

JS 从 UL 中的 json 推送列表

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