
Simple JSON table using Vue.JS and AJAX
- or -
Post a project like this3303
$15
- Posted:
- Proposals: 4
- Remote
- #1409336
- Awarded
Description
Experience Level: Intermediate
I need a simple table that consumes a dynamically generated json file on Internet
(for testing - here the link to JSON: http://misc.mymagic.my/interview-frontend/vuejs/json.php )
Requirements:
1) Need to use vuej.s and ajax (code commented on every step)
2) Make sure it is refreshed periodically every minute.
3) Render the json content in tabular format by looping through the list.
4) you should not hard code as the list. It should dynamically generate and will provide different content on each call
4) Change the timestamp in date to proper format of YYYY-mm-dd H:i (eg: 2017-01-20 14:30)
5) show the total sum of price in last row
No advance css needed. Just a plain and a very simple table. I attached the example how the table should look like.
Deliverable: a folder with html and scripts.
(for testing - here the link to JSON: http://misc.mymagic.my/interview-frontend/vuejs/json.php )
Requirements:
1) Need to use vuej.s and ajax (code commented on every step)
2) Make sure it is refreshed periodically every minute.
3) Render the json content in tabular format by looping through the list.
4) you should not hard code as the list. It should dynamically generate and will provide different content on each call
4) Change the timestamp in date to proper format of YYYY-mm-dd H:i (eg: 2017-01-20 14:30)
5) show the total sum of price in last row
No advance css needed. Just a plain and a very simple table. I attached the example how the table should look like.
Deliverable: a folder with html and scripts.
Rory H.
100% (38)Projects Completed
38
Freelancers worked with
29
Projects awarded
37%
Last project
22 Feb 2021
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies