在AJAX和LARAVEL中变得未定义

Question

我从laravel和ajax试用中获取数据时遇到了不确定的问题。

这是我的阿贾克斯

var data = $(this).serialize();

$.ajax({

    url: "{{ route('ajaxdata.getactivities') }}",

    type: "GET",

    datatType: 'json',

    data: data,

    cache: false,

    processData: false,

    error: function (data) {

        console.log('AJAX call Failed');

    },

    success: function (data) {

        console.log('AJAX call success');

        $('#test').append('Add' + data.id); //data.id is showing undefined. if it is only data it doesnt show anything but AJAX call success

    },

});

这是我的路线

Route::get('ajaxdata/getactivities', 'AjaxdataController@getactivities')

    ->name('ajaxdata.getactivities');

这是我的控制器功能

function getactivities()

{

    $activities = Activity::orderby('id', 'asc')->get();

    return view('student.ajaxdata', compact('activities'));

}

Answer 1

使用$ .each的所有麻烦都无法用于循环数据，因此我用于输出数据。这是我的工作代码$(document).ready(function() {&nbsp; &nbsp; var data = $(this).serialize();&nbsp;&nbsp; &nbsp; $.ajax({ url: "{{ route('ajaxdata.getactivities') }}",&nbsp;&nbsp; &nbsp; method: "get",&nbsp; &nbsp; dataType:"JSON",&nbsp;&nbsp; &nbsp; data: data,&nbsp;&nbsp; &nbsp; // cache: false,&nbsp;&nbsp; &nbsp; // processData: false,&nbsp;&nbsp; &nbsp; success: function (data)&nbsp;&nbsp; &nbsp; {&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; $.each(data,function(key,value) {&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; for(var x=0; x < value.length; x++){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(value[x].ActivityName);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#activities').append($('<option>', {value:value[x].id, text:value[x].ActivityName}));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}&nbsp; &nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; &nbsp; },&nbsp;&nbsp; &nbsp;});});