How get body of the request from fetch of a json data #2

vespadj · 2022-03-14T16:30:38Z

vespadj
Mar 14, 2022

Please, provide an example for getting the body of the request when using fetch method.

// request options
const options = {
    method: 'POST',
    body: JSON.stringify(myCustomData),
    headers: {
        'Content-Type': 'application/json'
    }
}

// send POST request
fetch(url, options)
    .then(res => res.json())
    .then(res => console.log(res));

I try

-- display all posted values
for name,value in request:datapairs() do
  print(name,'=',value)
end

but the result is empty.

ECMA6 Fetch function is explained here.

Thanks

Answered by surfskidude

Mar 14, 2022

Yes, use this template code:

<?lsp
if "application/json" == request:header"Content-Type" then
   local jparser = ba.json.parser()
   local ok,table
   for data in request:rawrdr() do
      ok,table=jparser:parse(data)
      if not ok or table then break end
   end
   trace(ok, table)
   if ok and table then
      response:json(table)
   end
   response:senderror(400, "Invalid JSON")
end
?>
<html>
<script>
const data={
   weekdays:
     ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
  }
fetch(location.href, {
    method: 'POST',
    body: JSON.stringify(data),
    headers: {
        'Content-Type': 'application/json'
    }
 }).then(res => res.json())
   .the…

View full answer

vespadj · 2022-03-14T16:38:14Z

vespadj
Mar 14, 2022
Author

... trying

for data in request:rawrdr() do
  trace("request:rawrdr()", data)
end

It seem good

0 replies

surfskidude · 2022-03-14T18:53:28Z

surfskidude
Mar 14, 2022
Maintainer

Yes, use this template code:

<?lsp
if "application/json" == request:header"Content-Type" then
   local jparser = ba.json.parser()
   local ok,table
   for data in request:rawrdr() do
      ok,table=jparser:parse(data)
      if not ok or table then break end
   end
   trace(ok, table)
   if ok and table then
      response:json(table)
   end
   response:senderror(400, "Invalid JSON")
end
?>
<html>
<script>
const data={
   weekdays:
     ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
  }
fetch(location.href, {
    method: 'POST',
    body: JSON.stringify(data),
    headers: {
        'Content-Type': 'application/json'
    }
 }).then(res => res.json())
   .then(res => console.log(res));
</script>
</html>

0 replies

vespadj · 2022-03-17T08:16:36Z

vespadj
Mar 17, 2022
Author

Thanks @surfskidude

rawrdr() reads in block / chunk of 512 characters on Windows and 1024 on UNIX (see doc).

So if json is larger, above code fails.

I resolved with this, should i add error checking

-- get the body of the request
local jsonstring = ""

for data in request:rawrdr() do
  jsonstring = jsonstring .. data
end

trace("Check Content-Length and data length:", request:header("Content-Length"), #jsonstring)

local uploaded_json = ba.json.decode(jsonstring)

1 reply

surfskidude Mar 17, 2022
Maintainer

Although your code would work, it's not a good solution. Use my template above.

Navigation Menu

Real Time Logic

How get body of the request from fetch of a json data #2

Uh oh!

{{title}}

Uh oh!

Replies: 3 comments 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Real Time Logic

How get body of the request from fetch of a json data #2

Uh oh!

vespadj Mar 14, 2022

Replies: 3 comments · 1 reply

Uh oh!

vespadj Mar 14, 2022 Author

Uh oh!

Uh oh!

surfskidude Mar 14, 2022 Maintainer

Uh oh!

vespadj Mar 17, 2022 Author

Uh oh!

surfskidude Mar 17, 2022 Maintainer

vespadj
Mar 14, 2022

Replies: 3 comments 1 reply

vespadj
Mar 14, 2022
Author

surfskidude
Mar 14, 2022
Maintainer

vespadj
Mar 17, 2022
Author

surfskidude Mar 17, 2022
Maintainer