目前正在做一个Laravel 7项目,我有这段代码,它将从我的控制器返回的数据映射到一个模式。我想要检查带有h4标签的' appointment‘下面的值是否为空,这样我就不必附加它,而是添加一个文本,上面写着’还没有约会‘。Irdk如果可能的话,我对laravel和ajax还是个新手。谢谢!
$('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');
}
});
});发布于 2020-11-06 14:47:40
得到了解决方案,如果一个人也在搜索同样的东西,这是答案:
$('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');
}
});
});https://stackoverflow.com/questions/64655602
复制相似问题