Debug $.ajax() in Laravel 7

@afoysal what do you see if you use the network tab of your browser? you should be able to see the response coming back from the server.

you can also add the following:

  error: function(xhr, status, error){
         var errorMessage = xhr.status + ': ' + xhr.statusText
         alert('Error - ' + errorMessage);
     }

which will allow you to catch the error if the request fails.

Regarding the logging, are you actually hitting the method at all? if you add a log method to another known working route, does that drop a line in the log file?

also the route you are calling in $.ajax is

url: '/cities?code='+stateID,

which doesn't match the route in

Route::get('countries/{countryCode}/cities/{id}', 'Ajax\LocationController@getSelectedCity');

Thanks @automica . Actually I working in a purchased script. You can say I am copy pasting code. I am getting Error - 400: Bad Request from your code. Why it is happening ? Why I am getting this error.

What will be the route if I use url: '/cities?code='+stateID, this URL ?

Thanks.

@afoysal your script looks like its attempting to make a dropdown of cities for a given state.

if you purchased the script, did you also get sql data with it?

I would expect a list of states, keyed by id and also a list of cities, keyed by id, and state_id.

the Laravel route for '/cities?code='+stateID,

would be something like

Route::get(cities/code/{state}', 'Ajax\CitiesController@getCitiesForState');

you'll need to create a cities controller and also create a method called getCitiesForState

Thanks @automica . I changed my code like below

$('select[id="state"]').on('change', function() {
				var stateID =  $(this).val();
				if(stateID) {
					$.ajax({
						url: '/cities/'+7,
						type: "GET",
						success:function(data) {
							$('select[name="city"]').empty();
							$.each(data, function(key, value) {
								$('select[name="city"]').append('<option value="'+ key +'">'+ value +'</option>');
							});
						},
						error: function(xhr, status, error){
							var errorMessage = xhr.status + ': ' + xhr.statusText
							alert('Error - ' + errorMessage);
						}
					});
				}else{
					$('select[name="city"]').empty();
				}
			});

My route is like below

Route::get('/cities/{id}', 'LocationController@getSelectedCityajax');

My controller function is like below

public function getSelectedCityajax($id)
	{
		return response()->json(['success'=>$id]);
	}

But I am getting error Error - 400: Bad Request.

@afoysal what happens if you hit that route via a browser

eg

localhost/cities/7

Thanks @automica . Here is the output https://i.stack.imgur.com/B0JFC.png. Thanks.

@afoysal if you run

php artisan route:list

do you see a new route?

also

public function getSelectedCityajax($id)
	{

		dd($id);

		return response()->json(['success'=>$id]);
	}

does that return the city id you are passing in?