Jquery AJAX检查返回数据中是否有空变量（Laravel 7）

目前正在从事Laravel7项目，我有一段代码，它将控制器返回的数据映射到一个模式。我想用h4标记检查“约会”下面的值是否为null，这样我就不必附加它，而是添加一个文本，上面写着“还没有约会”。如果可能的话，我对拉威尔和阿贾克斯是新手。谢谢大家!

 $('body').on('click', '#show-schedule-btn', function () {
var schedule_id = $(this).data("id");

 $.ajax({
    type: "GET",
    url: "http://localhost:8000/DoctorSchedule/"+schedule_id,
    data:{
        "schedule_id":schedule_id,
    },
    success: function(data){
    console.log(data);
    const schedule_details = data;

let html = ``

schedule_details && schedule_details.map(x => {
    html += `   <div class="form-group">
                        <div class="row">
                            <div class="col-sm-6">
                                <label class="control-label">Date</label>
                            <input type="datepicker-show" name="date" id="date" class="form-control" value="${x.schedule_date}" readonly/>
                            </div>
                        </div>
                </div>
                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-6">
                                <label class="control-label">Time Start</label>
                            <input type="time" name="time_start" id="time_start" class="form-control" value="${x.time_start}" readonly/>
                            </div>
                            <div class="col-sm-6">
                                <label class="control-label">Time End</label>
                            <input type="time" name="time_end" id="time_end" class="form-control" value="${x.time_end}" readonly/>
                            </div>
                        </div>
                    </div>
                  
                <div class="form-group">
                        <h4>Appointment</h4>
                </div>
                <div class="form-group">
                    <label class="control-label">Patient Name:</label>
                    <p>${x.first_name} ${x.last_name}</p>
                </div>
                <div class="form-group">
                    <label class="control-label">Oncology:</label>
                    <p>${x.oncology_name}</p>
                </div>
                <div class="form-group">
                    <label class="control-label">Procedure:</label>
                    <p>${x.procedure_name}</p> 
                </div>`
}) 
$("#sched-details").html(html); 
  $('#show-schedule').modal('show'); 
}
}); 
});

$（'body'）。在（'click'，'show schedule btn'，函数（）{
var schedule_id=$（此）.data（“id”）；
$.ajax({
键入：“获取”，
url:“http://localhost:8000/DoctorSchedule/“+附表1，
数据：{
“附表id”：附表id，
},
成功：功能（数据）{
控制台日志（数据）；
const schedule_details=数据；
让html=``
计划详细信息和计划详细信息.map（x=>{
html+=`
日期
时间开始
时间结束
约会
病人姓名：
${x.first\u name}${x.last\u name}

肿瘤学：
${x.oncology_name}

程序：
${x.procedure\u name}

`
}) 
$（#附表详情”）.html（html）；
$（'show schedule'）.modal（'show'）；
}
}); 
});

找到了解决方案，如果一个人也在搜索相同的东西，那么答案如下：

$('body').on('click', '#show-schedule-btn', function () {
var schedule_id = $(this).data("id");

 $.ajax({
    type: "GET",
    url: "http://localhost:8000/DoctorSchedule/"+schedule_id,
    data:{
        "schedule_id":schedule_id,
    },
    success: function(data){
    console.log(data);
    const schedule_details = data;

    let html = ``

    const areAllReqPropsStated = (x) =>{
        return x.first_name && x.last_name && x.oncology_name && x.procedure_name;
    }

     (schedule_details || []).map(x => {
        html = `   <div class="form-group">
                            <div class="row">
                                <div class="col-sm-6">
                                    <label class="control-label">Date</label>
                                <input type="datepicker-show" name="date" id="date" class="form-control" value="${x.schedule_date}" readonly/>
                                </div>
                            </div>
                    </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-6">
                                    <label class="control-label">Time Start</label>
                                <input type="time" name="time_start" id="time_start" class="form-control" value="${x.time_start}" readonly/>
                                </div>
                                <div class="col-sm-6">
                                    <label class="control-label">Time End</label>
                                <input type="time" name="time_end" id="time_end" class="form-control" value="${x.time_end}" readonly/>
                                </div>
                            </div>
                        </div>`
                      
        html += areAllReqPropsStated(x)
        ? `         <hr>   
                    <div class="form-group">
                            <h4>Appointment</h4>
                    </div>
                    <div class="form-group">
                        <label class="control-label">Patient Name:</label>
                        <p>${x.first_name} ${x.last_name}</p>
                    </div>
                    <div class="form-group">
                        <label class="control-label">Oncology:</label>
                        <p>${x.oncology_name}</p>
                    </div>
                    <div class="form-group">
                        <label class="control-label">Procedure:</label>
                        <p>${x.procedure_name}</p> 
                    </div>`
        : `<hr>
            <div class="alert alert-success" role="alert">
            <p>No appointment yet</p>
            </div>`;
    }) 
    $("#sched-details").html(html); 
      $('#show-schedule').modal('show'); 
    }
}); 
});

$（'body'）。在（'click'，'show schedule btn'，函数（）{
var schedule_id=$（此）.data（“id”）；
$.ajax({
键入：“获取”，
url:“http://localhost:8000/DoctorSchedule/“+附表1，
数据：{
“附表id”：附表id，
},
成功：功能（数据）{
控制台日志（数据）；
const schedule_details=数据；
让html=``
const ArealReqPropsStated=（x）=>{
返回x.first\u name&&x.last\u name&&x.oncology\u name&&x.procedure\u name；
}
（明细表| |[]）。地图（x=>{
html=`
日期
时间开始
时间结束
`
html+=ArealReqPropsStated（x）
？`

约会
病人姓名：
${x.first\u name}${x.last\u name}

肿瘤学：
${x.oncology_name}

程序：
${x.procedure\u name}

`
：`

还没有预约

`;
}) 
$（#附表详情”）.html（html）；
$（'show schedule'）.modal（'show'）；
}
}); 
});

欢迎来到SO。。。您在ajax中的

data

变量中得到了什么？您可以检查数据是否存在，

if（data&&data！=“”）console.log（“无数据”）

@KamleshPaul是的，但我不知道如何检查某些数据是否为空，特别是在任命之后，我需要检查x.first\u name，x.last\u name。。。是空的，因为我是通过控制器中的左联接从另一个表中获取的。@bhucho这是整个数据，我只需要检查x.first\u name，x.last\u name。。。为NULL，因为我是通过控制器中的左连接从另一个表获取它的。