Todos - List API
Get all the Todos.
Method GET
Parameters
| Name | Details | Type | Required |
|---|---|---|---|
page
|
The page number. | integer | No |
completed
|
The completion status of the Todos. | boolean | No |
user_id
|
The ID of the User. | integer | No |
query
|
The search query. | string | No |
orderBy
|
The field to order by. | string | No |
orderDirection
|
The order direction. | string | No |
API Example
How to Use
fetch('https://simplecrudapi.com/api/todos')
.then(response => response.json())
.then(json => console.log(json))
.catch(error => console.error(error));Response
{
"data": [
{
"id": 1,
"title": "Sample Todo",
"description": "This is a sample todo item",
"completed": true,
"user": {
"id": 1,
"name": "Jhon Doe",
"email": "jhondoe@example.com",
"email_verified_at": "2019-08-24T14:15:22Z",
"created_at": "2019-08-24T14:15:22Z",
"updated_at": "2019-08-24T14:15:22Z"
},
"created_at": "2019-08-24T14:15:22Z",
"updated_at": "2019-08-24T14:15:22Z"
}
],
"links": {
"first": "http:\/\/127.0.0.1:8000\/api\/todos?page=1",
"last": "http:\/\/127.0.0.1:8000\/api\/todos?page=1",
"prev": null,
"next": null
},
"meta": {
"current_page": 1,
"from": 1,
"last_page": 1,
"links": [
{
"url": null,
"label": "« Previous",
"active": false
},
{
"url": "http:\/\/127.0.0.1:8000\/api\/todos?page=1",
"label": "1",
"active": true
},
{
"url": null,
"label": "Next »",
"active": false
}
],
"path": "http:\/\/127.0.0.1:8000\/api\/todos",
"per_page": 20,
"to": 1,
"total": 1
}
}
Try Now
fetch('https://simplecrudapi.com/api/todos')
.then(response => response.json())
.then(json => console.log(json))
.catch(error => console.error(error));