Uncaught ReferenceError in Ajax get method

The success callback has no idea what data is. Try constructing the data object you send with the request outside the call and reference that.

var data = {'id': $(this).val()};

$.ajax({
    type: 'get',
    url: "{!!URL::to('maincatg/ajax')!!}",
    data: data,
    success: function(response) {
            console.log(data);
    },
})

I think that'll work.

It can not work sir.... I want callback 'data' from controller but it can not return it with json.

public function maincatgAjax(Request $request)
    {

         $data = Category::select('name','id')->where("maincatg_id",$request->id)->get();
         return response()->json($data);

    }

can you show me way,pls sir....

try

return response()->json(['data' => $data]);

and then

console.log(response.data);

It can't work sir... I'm tired this week bez of this one error.. here it show error like that........

create:209 Uncaught ReferenceError: response is not defined at Object.success (create:209) at i (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2) at A (jquery.min.js:4) at XMLHttpRequest. (jquery.min.js:4)

@amk All you needed to change was console.log(data); to console.log(response);.

thank @wilk_randall But.. when I check this code.

console.log('success');
console.log(response.length);

it can work but it show only success. it console output length is 0.Why?

Also I have been check Category database.Data already have.

 $data = Category::select('name','id')->where("maincatg_id",$request->id)->get();
 return response()->json($data);

I think json have some problem.

I'm not sure why your second console log wouldn't be working, I'd need to see the error. When I return json responses from my controllers, I usually return a keyed array, so in your case I'd return something like return response()->json(['categories' => $data]);

If you return it like that, in your success handler, you should be able to console log your results like this:

$.ajax({
    ...
    success: function (response) {
        console.log(response.categories);
    }
});