Jquery and Ajax Error Message cannot Display in Laravel Blade

Question

I Insert Ledger Record using Ajax and Jquery in Laravel. Success Message has been Displayed Correctly but Error Custom Message Cannot Display in blade View. Whats My Mistake Please Mention.

Jquery :

$("#add").click(function(event) {
  event.preventDefault();

  $.ajax({
    type: 'post',
    url: $("#add").attr('data-url'),
    data: {
      '_token': $("input[name=_token]").val(),
      'form_data': $('#Form').serialize(),
    },
    success: function(data) {
      $('#ledger_name').val('');
      $('#openning_balance').val('');
      $('#ob_type').val('');
      $('#under').val('');
      $('#ledger_address').val('');
      $("#newLedger .close").click();

      $(".result").html(data.success).css({
        'color': 'green',
        'text-align': 'center'
      }).delay(5000).fadeOut();
    },
    error: function(data) {
      $('#response').show().html(data.error).css({
        'color': 'red',
        'text-align': 'center'
      }).delay(5000).fadeOut();
    }
  });
});

Controller :

$values = array();
    parse_str($_POST['form_data'], $values);

    $validation = $this->validator($values,true );
    if($validation->fails()){
    $errors = $validation->errors();
    return response()->json(['error' => 'Please Fill all Mandatory Fields',],500);
    }

    $insertledgers=Ledger::create(['ledger_name'=>$values['ledger_name'],'openning_balance'=>$values['openning_balance'],'ob_type'=>$values['ob_type'],'under'=>$values['under'],'ledger_address'=>$values['ledger_address'],'company_id'=>$companyids,'user_id'=>$usersid,'created_by'=>$usersid]);

    $ledgerinsertids=$insertledgers->id;

    if($values['ob_type'] == 'Cr'){

    $creditamts=$values['openning_balance'];
    $debitamts= 0;

    } else {

    $creditamts=0;
    $debitamts= $values['openning_balance'];

    }

    $insertledgeropenningbalance=Openningbalance::create(['ledgerid'=>$ledgerinsertids,'opening_credit'=>$creditamts,'opening_debit'=>$debitamts,'company_id' => $companyids,'user_id' => $usersid,'created_by' => $usersid,]);

    return response()->json(['success' => 'Ledger Details Added Successfully',],200);

post your blade view

Rahul
– Rahul

2017-06-23 05:13:40 +00:00
Commented Jun 23, 2017 at 5:13 — Rahul
– Rahul, Commented Jun 23, 2017 at 5:13
<div id="response"></div>

Karthik
– Karthik

2017-06-23 05:15:04 +00:00
Commented Jun 23, 2017 at 5:15 — Karthik
– Karthik, Commented Jun 23, 2017 at 5:15
Improved code formatting

31piy
– 31piy

2017-06-23 07:06:24 +00:00
Commented Jun 23, 2017 at 7:06 — 31piy
– 31piy, Commented Jun 23, 2017 at 7:06

Dato Sarishvili · Accepted Answer · 2017-06-23 06:54:23Z

Try this:

<?php
use Validator;

class SomeController extends Controller {

  public function SomeFunction(Request $request) {
    $values = array();
    parse_str($_POST['form_data'], $values);

    $validation = Validator::make($values, true);

    if($validation->fails()){
      $errors = $validation->errors();
      return response()->json(['error' => 'Please Fill all Mandatory Fields'], 500);
    }

    $insertledgers=Ledger::create(['ledger_name'=>$values['ledger_name'],'openning_balance'=>$values['openning_balance'],'ob_type'=>$values['ob_type'],'under'=>$values['under'],'ledger_address'=>$values['ledger_address'],'company_id'=>$companyids,'user_id'=>$usersid,'created_by'=>$usersid]);

    $ledgerinsertids=$insertledgers->id;

    if($values['ob_type'] == 'Cr'){

      $creditamts=$values['openning_balance'];
      $debitamts= 0;

    } else {

      $creditamts=0;
      $debitamts= $values['openning_balance'];

    }

    $insertledgeropenningbalance=Openningbalance::create(['ledgerid'=>$ledgerinsertids,'opening_credit'=>$creditamts,'opening_debit'=>$debitamts,'company_id'
    => $companyids,'user_id' => $usersid,'created_by' => $usersid,]);

    return response()->json(['success' => 'Ledger Details Added Successfully',],200);

And in view:

error: function(data)
{
$('#response').html(data.error).css({'color': 'red', 'text-align': 'center'})
$('#response').show().delay(5000).fadeOut();
}

linktoahref · Accepted Answer · 2017-06-23 07:29:12Z

0

You just need to modify your error callback function as below:

error : function (data) {
    $('#response').show().html(data.responseJSON.error).css({
        'color': 'red',
        'text-align': 'center'
    }).delay(5000).fadeOut();
}

Thanks @voodoo417

edited Jun 23, 2017 at 7:29

answered Jun 23, 2017 at 5:45

linktoahref

8,0273 gold badges32 silver badges54 bronze badges

2 Comments

voodoo417 Over a year ago

Sorry, but your "solution" is marasm.... Do you see that response returns 500 on error and 200 on success? And of course it will not work.

linktoahref Over a year ago

@voodoo417: I haven't noticed the second parameter. Thank You!

Collectives™ on Stack Overflow

Jquery and Ajax Error Message cannot Display in Laravel Blade

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related