jquery - jquery：计算json响应并将其附加到html中的现有ul列表

Question

嗨，我正在尝试将我的 json 响应附加到 ul 类，但它一直给我一个错误。这是我得到的回应：

{"joineddate":"2020-01-01", "joineddate":"2020-01-02","joineddate":"2020-01-03"}

我想将日期添加到 ul 类“joineddate”

$.ajax({
    url:URL,
     method: 'POST',
     data: {
        joineddate: 1,
        customerid: customerid
     },
    success: function(data){
        //console.log(data);
        var val = JSON.parse(data);
        var output = '<ul class="joineddate">';
        $.each(data, function(key, val){
            output += '<li>';
            output += '<a href="#">'+val.consult_date + '</a>';
            output += '</li>';              
        });
        output += '</ul>';
        $('.joineddate').html(output);
     },
     error: function (request, status, error) {
            alert(request.responseText);
        }

  });

标签： jqueryajax

Answer 1

$.ajax({
    url:URL,
     method: 'POST',
     data: {
        appointment: 1,
        mrn: MRN
     },
    success: function(data){            
        var vals = JSON.parse(data);
        var output = '<ul class="joineddate">';
        $.each(vals, function(key, val){
            output += '<li>';
            output += '<a href="#">'+vals[key].joineddate + '</a>';
            output += '</li>';

        });
        output += '</ul>';
        console.log(output);
        $('.joineddate').html(output);
     },
     error: function (request, status, error) {
            alert(request.responseText);
        }

  });