Laravel, passed php variable to JS function showing as Key not Value

Question

I'm currently passing a laravel object's ID through a href click to a JS function

<a onclick="getDetails('{{$details->id}}')"</a>

And this works to some degree, because my console.log shows id 28 as it should. However, when sending the data in my ajax call my header shows 28: so it's sending the value as the key with a null value, which means my return is null.

How can I properly change this so that this correct value gets sent in my ajax call as ID:28

<script type="text/javascript">
  function getDetails(detailID) {
   console.log(detailID);
   $.ajax({
   url: "/details",
   data: detailID,
   _token: "{{ csrf_token() }}",
   type: "POST",
   success: function (data) {
   console.log(data);
   },
  });
  };
</script>

No problem (guessed as much). Next issue, shouldn't data be an object? like data: {detailID: detailID},? — Tim Lewis
– Tim Lewis, Commented Nov 13, 2019 at 17:05
That was it! I don't know what I was thinking, but thank you! If you want to make an answer I'll accept it promptly — Geoff_S
– Geoff_S, Commented Nov 13, 2019 at 17:08

Tim Lewis · Accepted Answer · 2019-11-13 17:12:38Z

1

When sending data via $.ajax(), your data attribute needs to be a valid object (or similar):

$.ajax({
  url: "/details",
  data: { detailID: detailID },
  _token: "{{ csrf_token() }}",
  type: "POST",
  success: function (data) {
     console.log(data);
  },
  ...
});

There are other valid ways of specifying valid data, but data: detailID on its own is not one of them. Also, if you want this accessible as ID in Laravel (as initially suggested), simply change to:

data: { ID: detailID }

answered Nov 13, 2019 at 17:12

Tim Lewis

29.5k14 gold badges82 silver badges109 bronze badges

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

Collectives™ on Stack Overflow

Laravel, passed php variable to JS function showing as Key not Value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related