javascript - ajax成功后如何更改我的类数据？

Question

我目前正在使用 spring 开发一个项目。

我的问题是检查Flug并更改class的值。刷新时数据会正确更改，但通过 history.back() 将其带到屏幕时不会更改。

如何更改我的数据？

function get_push_list(pushdata) {

var listdata = pushdata.map(function(obj){

        var html = '<li onClick="linkDetail('+obj.push_seq +','+obj.seq_no +')">'
                + '<div class="timeline-wrapper">'

        if (obj.flug != "N" ) {
            html += '<label class="timeline-label">'+ obj.type +'</label>';
        } else {
            html += '<label class="timeline-label not-read" id="timeline'+ obj.seq_no +'" >'+ typedata +'</label>'
        }

        html += '<div class="timeline-title">'+ obj.title +'</div>'
        + '<div class="timeline-content">'+ obj.body +'</div>'
        + '<div class="timeline-time">'+ obj.reg_date +'</div>';

    return html;
});

$('#pushlist').append(listdata);

}
...
function linkDetail(push_seq_no,seq_no) {

    var timelineid = document.getElementById("timeline" +seq_no);

    var data = {};
    data.seq_no = seq_no;
    data.flug = "Y";


    $.ajax({
        url : "/update_status",
        type : "POST",
        dataType : "json",
        data: data,
        success : function(result) {
            if(result.resultCode == "S000"){
                timelineid.class = "timeline-label"
                location.href= '/NoticeDetail?' + push_seq_no
            } else {
                alert(result.resultCode,result.resultMsg);
            }
        }
    });
}

Answer 1

在Ajax中成功方法删除

timelineid.class = "timeline-label"

并添加(这是为了向您的标记添加一个新类)

timelineid.classList.add('timeline-label');

这是为了从您的标记中删除旧类。

timelineid.classList.remove('Class name you want to remove');