Ajax request keeps returning error function in Laravel

Question

Good day guys. In my laravel application I'm trying to check if attendence for a particular date, subject, grade exists in my table. If so I have an if statement setup to display desire results based on what is returned.

I'm making the request with ajax but it seems like ajax keeps running the error function and I don't seem to get any error code whatsoever or internal server error(500, 404, 403, etc) In my console the status return is 200 ok

here is my script:

$(document).on('change', '#subject', function(event) {
  event.preventDefault();
  /* Act on the event */

  var subject = $('#subject').val();
  var grade = $('#grade').val();
  var date = $('#date').val();

  if (subject != "" && grade != "") {
    $.ajax({
      url:"/attendence/students",
      method:"GET",
      data:{"subject_id":subject, "grade_id":grade, "date":date},
      dataType:"json",
      success:function(data){
        $("#result").html(data);
      },
      error:function(){
        $("#result").html('There was an error please contact administrator');
      }
    });
  }
});

Here is the controller the request is send to:

 public function students(Request $request)
{
    //
    $grade = Grade::findOrFail($request->grade_id);

    $subject = Subject::findOrFail($request->subject_id);

    $students = Student::where('grade_id', $grade->id)->get(['id', 'first_name','middle_name', 'surname', 'grade_id']);

    $statuses = Attendence::statuses();

    // this check if attendence has been setup for the given date.
    // if so prevent user for enter another date
    $attendenceExists = Attendence::where([
        'grade_id' => $grade->id, 
        'subject_id' => $subject->id, 
        'date' => $request->date
    ])->first();


    if ($attendenceExists) {
        return response()->json('A recorded attendence already exists for the seleced grade and subject!');
    } 
    else {
        return \View::make('attendence.partials.attendence-form')->with(array(
            'students' => $students,
            'subject' => $subject,
            'date' => $request->date,
            'statuses' => $statuses
        ));
    }

}

Now, if this code returns true:

// this check if attendence has been setup for the given date.
    // if so prevent user for enter another date
    $attendenceExists = Attendence::where([
        'grade_id' => $grade->id, 
        'subject_id' => $subject->id, 
        'date' => $request->date
    ])->first();

   if ($attendenceExists) {
        return response()->json('A recorded attendence already exists for the seleced grade and subject!');
    }

The condition here runs and the right result is returned. But my else statement in the above does run but I don't get the right result. This is the result I get:

There was an error please contact administrator

Which shows that it is this part of the ajax request that is running:

error:function(){
   $("#result").html('There was an error please contact administrator');
}

Surprisingly when I check the console this is what I see:

Which is exactly what I want but ajax is return otherwise. Am I doing something wrong?

user2652134 · Accepted Answer · 2017-10-23 17:21:50Z

4

Your dataType is set to json while you're returning html. Change it to html.

answered Oct 23, 2017 at 17:21

user2652134

Sign up to request clarification or add additional context in comments.

1 Comment

Nathan Siafa Over a year ago

Well that's another short way to do it. Thanks!

Aliaga Aliyev · Accepted Answer · 2017-10-23 17:22:40Z

2

$.ajax({
      url:"/attendence/students",
      method:"GET",
      data:{"subject_id":subject, "grade_id":grade, "date":date},
      dataType:"json",
      statusCode: {
            200: function(data) {
                $("#result").html(data.responseText);
            };
       }
      }
    });

Try this. I hope this will help you

answered Oct 23, 2017 at 17:22

Aliaga Aliyev

4251 gold badge7 silver badges24 bronze badges

7 Comments

Nathan Siafa Over a year ago

why data.responseText?

Aliaga Aliyev Over a year ago

Laravel return view in responseText, try to console.log(data)

Aliaga Aliyev Over a year ago

yes you can, something like this $.ajax({ statusCode: { 404: function() { alert( "page not found" ); } } });

Nathan Siafa Over a year ago

One more thing. This means the succes function isn't reach right?

Aliaga Aliyev Over a year ago

yes, but instead of you can use $.ajax({ }).always(function(){});

|

GTS Joe · Accepted Answer · 2021-01-10 05:22:13Z

0

I would say don't set the dataType at all. Just remove that setting altogether and let the jQuery ajax() method detect it automatically for you. That way, if the response type is JSON, it'll work. If the response type is HTML, it'll also work. 👍🏻

answered Jan 10, 2021 at 5:22

GTS Joe

4,25218 gold badges65 silver badges110 bronze badges

Collectives™ on Stack Overflow

Ajax request keeps returning error function in Laravel

3 Answers 3

1 Comment

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related