首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >AJAX检查返回数据中是否存在null变量(Laravel 7)

AJAX检查返回数据中是否存在null变量(Laravel 7)
EN

Stack Overflow用户
提问于 2020-11-03 09:33:02
回答 1查看 34关注 0票数 0

目前正在做一个Laravel 7项目,我有这段代码,它将从我的控制器返回的数据映射到一个模式。我想要检查带有h4标签的' appointment‘下面的值是否为空,这样我就不必附加它,而是添加一个文本,上面写着’还没有约会‘。Irdk如果可能的话,我对laravel和ajax还是个新手。谢谢!

代码语言:javascript
复制
 $('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'); 
}
}); 
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-11-06 14:47:40

得到了解决方案,如果一个人也在搜索同样的东西,这是答案:

代码语言:javascript
复制
$('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'); 
    }
}); 
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64655602

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档