表中的单元格返回时带有“QUOTE”;未定义的“,尝试使用jQuery和Ajax进行填充时
我是Jquery和Ajax新手。我在我的视图刀片中有一个动态选择选项,然后我尝试通过将所选值传递给控制器(在laravel中)并获取所选值的详细信息来填充HTML表 我曾尝试使用JQuery和Ajax(post-url)来实现这一点,但我的表只填充了“未定义”,请帮助我找出代码中的错误 我的剧本表中的单元格返回时带有“QUOTE”;未定义的“,尝试使用jQuery和Ajax进行填充时,jquery,ajax,laravel,Jquery,Ajax,Laravel,我是Jquery和Ajax新手。我在我的视图刀片中有一个动态选择选项,然后我尝试通过将所选值传递给控制器(在laravel中)并获取所选值的详细信息来填充HTML表 我曾尝试使用JQuery和Ajax(post-url)来实现这一点,但我的表只填充了“未定义”,请帮助我找出代码中的错误 我的剧本 $(document).ready(function(){ $( "#dtl" ).click(function() { var value = $("#hotelname :sel
$(document).ready(function(){
$( "#dtl" ).click(function() {
var value = $("#hotelname :selected").val();
$.ajax({
url: "{{ route('Rooms.maketable') }}",
method:'POST',
data : {value:value},
success: function (data) {
// console.log(data);
$('#datatable tr').not(':first').not(':last').remove();
var html = '';
for(var i = 0; i < data.length; i++){
html += '<tr>'+
'<td>' + data[i].hotel_id + '</td>' +
'<td>' + data[i].available_date + '</td>' +
'<td>' + data[i].singlerooms + '</td>' +
'<td>' + data[i].doublerooms + '</td>' +
'<td>' + data[i].deluxrooms + '</td>' +
'<td>' + data[i].deluxdoublerooms + '</td>' +
'<td>' + data[i].superiorsuitrooms + '</td>' +
'</tr>';
}
$('#datatable tr').first().after(html);
},
error: function (data) {
}
});
});
});
我的路线
Route::get('/home/Rooms', 'Admin\RoomsController@showform')->name('Rooms');
Route::post('/home/Rooms', 'Admin\RoomsController@makeTable')->name('Rooms.maketable');
expected to fill my HTML blank table with data receive from hotelroom table
but its only getting fills with "undefined" in every cell
您尝试访问方法中不可用的请求对象。更新makeTable方法,如下所示,确保导入
uselights\Http\Request代码>
在你的控制器上
public function makeTable(Request $request)
{
$data = hotelroom::where('hotel_id', '=', $request->get('value'))->get(); // add get() function here
return Response::json($data);
}
您尝试访问方法中不可用的请求对象。更新makeTable方法,如下所示,确保导入uselights\Http\Request代码>
在你的控制器上
public function makeTable(Request $request)
{
$data = hotelroom::where('hotel_id', '=', $request->get('value'))->get(); // add get() function here
return Response::json($data);
}
将此添加到查询->get()代码>
还可以按键盘上的ctrl+shift+c来监视脚本是否正在执行将其添加到查询中->get()代码>
同时按下键盘上的ctrl+shift+c来监视脚本是否正在执行谢谢大家的支持,我通过研究这段代码(类似问题)设法让它工作起来
谢谢大家的支持,我通过研究这段代码(类似的问题)设法让它工作起来
success:function(data){//console.log(data);
console中无任何内容,它只显示代码:(success:function(data){//console.log(data);
console中无任何内容,它只显示代码:(添加了两者,但仍然相同这是select data选择Hotel@foreach($hotelname作为$c)的方式){{$c->hotelname}@endforeach尝试学习如何调试ajax请求。也许这会对您有所帮助:两者都添加了,但仍然相同这就是select data如何选择Hotel@foreach($c->hotelname为$c){{{$c->hotelname}@endforeach尝试学习如何调试ajax请求。这可能会帮助您:
public function makeTable()
{
$data = hotelroom::where('hotel_id', '=', $request->get('value'))->get();
return Response::json($data);
}