Json回应与拉拉维尔刀片的关系



如何使用ajax获取$levels并将其显示在表中。 注意:$levels有关系。

控制器:

public function days(Request $request){
$levels=Level::with('lead')->get();
$days=array();
$id = $request->input('months');
$month = $id;
$year = 2018;
for($d=1; $d<=31; $d++) 
{
$time=mktime(12, 0, 0, $month, $d, $year);  
if(date('m', $time)==$month && date('w', $time)>0 && date('w', $time)<6) 
{
$days[]=date('Y-m-d H:i:s', $time);
} 
}
return response()->json($days);
}

阿贾克斯:

$(document).ready(function(){
$('.testing').on('change',function(){
var test=$(this).val(); 
$.ajax({
type:'get',
url:'/days',
data:{"months":test,"_token": "{{ csrf_token() }}"},
success: function(data){
$("#days").empty();
$.each(data,function(index,value){
$("#days").append('<input type="checkbox" checked 
value="'+value+'" name="days[]"  > '+value+'<br/>');
});
}
});
}); 
});

............

你应该用像return response()->json(['days' => $days, 'levels' => $levels]);这样的数组进行压缩

控制器

public function days(Request $request){
$levels=Level::with('lead')->get();
$days=array();
$id = $request->input('months');
$month = $id;
$year = 2018;
for($d=1; $d<=31; $d++) {
$time=mktime(12, 0, 0, $month, $d, $year);  
if(date('m', $time)==$month && date('w', $time)>0 && date('w', $time)<6) {
$days[]=date('Y-m-d H:i:s', $time);
} 
}
return response()->json(['days' => $days, 'levels' => $levels]);
}

网页示例

<table class="table"></table>

JS尝试如下:

$(document).ready(function(){
$('.testing').on('change',function(){
var test=$(this).val(); 
$.ajax({
type:'get',
url:'/days',
data:{"months":test,"_token": "{{ csrf_token() }}"},
success: function(data){
$("#days").empty();
$.each(data['days'],function(index,value){
$("#days").append('<input type="checkbox" checked value="'+value+'" name="days[]"  > '+value+'<br/>');
});
$.each(data['levels'],function(key,level){
$("table.table").append(
'<tr>'+
'<td>'+level.id+'</td>'+
'<td>'+level.name+'</td>'+
'</tr>'
);
// added
// if you wish to put all together in one table its up you.
if(level.lead){
$.each(level.lead,function(leadKey,leadValue){
$("table2.table2").append(
'<tr>'+
'<td>'+leadValue.id+'</td>'+
'<td>'+leadValue.name+'</td>'+
'</tr>'
);
});
}
//
});
}
});
});
});

最新更新