Question

我的表单中有不同的列表

    <c:forEach items="${cmlist}" var="records"> 
        <ol class="dd-list"  id="chapterlist" >
        <li id="cs" class="dd-item" data-id="1" value="${records.levelID}">
            <div class="dd-handle">
           <a href="#subchaptercontent">Chapter:  ${records.levelName} </a>
    <img class="hand-cursor" alt="" src="../resources/images/edit.png" 
       title="edit" id="edit_record_btn" style="float:right;margin-top:-20px;" 
            data-toggle="modal" data-target="#windowTitleDialog" 
               onclick="javascript:editChapter(${records.levelID})">
            </div></li>
        </ol>
    </c:forEach>

我有ajax函数用于在存储后将列表值存储到数据库我需要在列表中打印此值但是我不能加载浏览器只需将值分配给文本框中的列表。怎么做这里是我的ajax功能：

var sampName = document.getElementById("sampName").value;

    $.ajax({
        type : "post",
        url : "editSamplee?clg="+clg,
        data: JSON.stringify(courseStructureData),
        dataType:'json',
        contentType:'application/json',
        mimetype:'application/json',
        cache : false,
        beforeSend : function(xhr) {
            xhr.setRequestHeader("Accept", "application/json");
            xhr.setRequestHeader("Content-Type", "application/json");
            },
        success : function(response) {
            console.log("Success: ");
            //window.location = "coursecontentmain?clg="+clg;
            $("#windowTitleDialog").hide();
            $(".modal-backdrop fade in").hide();
            $(".modal-body").hide();
            sampName=$("#chapterlist li a").parents('li').text() ;
            },
        error : function(xhr) {
            console.log("Sorry, there was a problem! " + xhr.status);
            },
        complete : function() {
            console.log("Request complete");
            }
    });

你能帮助任何人吗

Answer 1

您尚未指定要保存的列表内容以及从服务器获取的json元素是什么，但高级想法是这样的 -

在ajax调用的成功函数中你得到了json的响应，所以你可以用它来像这样修改li元素 -

success : function(response) {
    $('#chapterlist').append('<li id="'+response.id+'" value="'+response.value+'"></li>');
}

在ajax成功之后，需要将文本框值分配给ui列表

1 个答案: