how to fetch data from back-end
119
May 04, 2019, at 5:10 PM
The back-end generated the data API, and how to fetch data on the front end ps： I use react
URL: http://localhost:8080/api/barrages
when request the above url, the browser displays as follows.
{
"content": [
{
"key": 12344443434545435,
"text": "绿色走一波",
"time": 500,
"fontFamily": null,
"fontsize": null,
"color": "#0f0",
"video_id": null,
"creationDateTime": "2019-04-08T13:59:51Z"
}
],
"page": 0,
"size": 30,
"totalElements": 1,
"totalPages": 1,
"last": true
}
Front-end: get data
fetch("/api/barrages", { method: 'GET' })
.then(function (res) {
res.json()
.then(function (barrage) {
console.log(barrage);
}
)
})
I want to get the data of content
Answer 1
You would need to do it like this:
fetch("/api/barrages", { method: 'GET' })
.then(function (res) {
return res.json()
}
.then(function(myJson){
console.log(JSON.stringify(myJson))
})
})
-
09:10
I'm not able to pass the state value to the method or function in React [closed]
-
08:50
How to access array index of Cloud Firestore using query in Flutter?
-
08:40
Getting an unwanted space between Nav Items in Navbar Angular
-
04:20
PHP Script INSERT INTO SELECT does not insert, with no errors [closed]
-
12:40
SQL query to select students who have taken all subjects from subjects table
-
10:40
-
08:10
-
06:10
Displaying Dynamic placeholder content on Textbox in ReactJS
-
05:30
Extracting Parameters from Redirect URI - QuickBooks API / Python
POPULAR ONLINE
- search for elements in a list 102875 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 96940 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 93262 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 90671 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 87502 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 55755 visits
- Adding methods to es6 child class 19971 visits
