Laravel ajax response get values

Question

I have ajax like this:

$(".cq").on("input", function() {
  $.ajax({
    url: "create/reefFormAjax",
    type: "POST",
    data: $(this.form).serialize(),
    success: function(data) {
      callback(data);
    }
  });
});
function callback(response) {
  $(".sum_whl").val(response);
  $(".sum_rtl").val(response);
}

So in my controller I have something like this:

$test = $request->all();
return json_encode($test);

Then I retrieve data back to my view:

  {
    "material": "0",
    "mquantity": null,
    "cq": "2",
    "sum_rtl": null,
    "sum_whl": null
  }

The question is how I can get each value from response ?

I tried $(response).find('cq').val() or filter but I an have error.

Any ideas?

John Doe · Accepted Answer · 2018-04-04 16:52:46Z

1

The result you get is a JSON response

  var response = 
  {
    "material": "0",
    "mquantity": null,
    "cq": "2",
    "sum_rtl": null,
    "sum_whl": null
  };

If the JSON is in your response variable, you can simply access the element like this

response.material; // should print 0 response.cq; // will print 2

answered Apr 4, 2018 at 16:52

John Doe

1831 silver badge7 bronze badges

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

1 Comment

Moramu Over a year ago

Yes, i have response but when i'm trying console.log(response.cq); it's tell me that value = undefined...

Supun Praneeth · Accepted Answer · 2018-04-04 15:17:55Z

0

When you return a json(or array) from laravel it automatically turn into a js object. so you can access like this:

function callback(response) {
  $(".sum_whl").val(response.sum_whl);
  $(".sum_rtl").val(response.sum_rtl);
}

answered Apr 4, 2018 at 15:17

Supun Praneeth

3,1802 gold badges33 silver badges36 bronze badges

4 Comments

Moramu Over a year ago

It still return nothing... I tried like you saying before

Eriks Klotins Over a year ago

put console.log(arguments); inside callback() That will show what exactly is received by the function.

Moramu Over a year ago

Arguments ["{"material":"0","mq":"2","cq":"3","sum_rtl":null,"sum_whl":null}", callee: ƒ, Symbol(Symbol.iterator): ƒ] it have) but not showing) when using response.cq or response.mq using console.log() - undefined

Supun Praneeth Over a year ago

@Moramu looks like you don't return an array. try these two: 1.instead of using this: response.sum_whl try this: response[0].sum_whl 2.if it is't working try` console.log(data);` and tell me what you get

Ali Özen · Accepted Answer · 2018-04-04 15:36:19Z

0

console.log(response.data[0]) or console.log(reponse.material) must be work. Because its json object.

Give it a try.

$("#div).html(response.data[0])

$("#div).html(response.material)

answered Apr 4, 2018 at 15:36

Ali Özen

1,6192 gold badges16 silver badges30 bronze badges

Comments

Moramu · Accepted Answer · 2018-04-04 17:43:49Z

0

I solved this problem, i was using return json_encode instead of return response->json($var); So i grab my values!

answered Apr 4, 2018 at 17:43

Moramu

113 bronze badges

Collectives™ on Stack Overflow

Laravel ajax response get values

4 Answers 4

1 Comment

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related