Extract content inside a body tag as json using javascript HTML DOM in Flutter

Question

i am trying to figure out how to extract the json data from the following:

HTML RESPONSE

<html><body>
<pre style="word-wrap: break-word; white-space: pre-wrap;">
{'name':'john doe'}
</body></html>

I have Tried

document.body.innerHTML which returns null

and

document.body.outerHTML which returns

<body><pre style="word-wrap: break-word; white-space: pre-wrap;">{'name:'john doe'}</body>

What i want as a string

{'name':'john doe'}

Any help will be highly appreciated.

its just an example the full document does have closing tags — austin, Aug 25 '22 at 04:53

Vinod Liyanage · Answer 1 · 2022-08-25T05:30:11.553

2

try this,

in your html

<html><body>
<pre style="word-wrap: break-word; white-space: pre-wrap;">
{"name":"john doe"} </pre>
</body></html>

in your js

const pre = document.querySelector('pre')
console.log(pre.innerText) // you can also use pre.textContent

checkout Difference between textContent vs innerText: Difference between textContent vs innerText

edited Aug 25 '22 at 05:30

answered Aug 25 '22 at 04:58

Vinod Liyanage

Hey , so im using flutter framework and ```jsonDecode(pre.innerTEXT)``` is not returning a map . – austin Aug 25 '22 at 05:26
did you mean `pre.innerText`? Your json data must have double quotes. `{"name":"john doe"}` – Vinod Liyanage Aug 25 '22 at 05:29
yeah pre.innerText but when i print it it gives "{"\name":"\John Does"}" – austin Aug 25 '22 at 05:32
1

if i use jsonDecode("{"\name":"\John Does"}"), i get a string in response and not a MAP – austin Aug 25 '22 at 05:33
1

since it's an issue of inter programming i tried ```jsonDecode("{jsonDecode(pre.innerText)}")``` . it's working now – austin Aug 25 '22 at 06:22

1 Answers1