Update web table dynamically using javascript
I had a requirement, I will be getting the data at run-time from xml and this data needs to get updated in a table on html page.
Conditions:
If there is not table available on the page then create a table and update
If there is a table in the page update the new data to the table
javascript html uitableview user-interface
add a comment |
I had a requirement, I will be getting the data at run-time from xml and this data needs to get updated in a table on html page.
Conditions:
If there is not table available on the page then create a table and update
If there is a table in the page update the new data to the table
javascript html uitableview user-interface
And is that data retrieval process one time? Or the API gets called after specific time interval?
– Prashant Pimpale
Nov 25 '18 at 7:02
Our design has an XML file, it will be updated on timely basis with some information. So, html also designed with auto-refresh feature or we may add refresh button.
– E V N Raja
Nov 25 '18 at 7:07
@PrashantPimpale, It is XML not json. The data might look like <root><id>1</id><name>ABC</name><id>2</id><name>ABC1</name><id>3</id><name>ABC3</name></root>
– E V N Raja
Nov 25 '18 at 7:13
add a comment |
I had a requirement, I will be getting the data at run-time from xml and this data needs to get updated in a table on html page.
Conditions:
If there is not table available on the page then create a table and update
If there is a table in the page update the new data to the table
javascript html uitableview user-interface
I had a requirement, I will be getting the data at run-time from xml and this data needs to get updated in a table on html page.
Conditions:
If there is not table available on the page then create a table and update
If there is a table in the page update the new data to the table
javascript html uitableview user-interface
javascript html uitableview user-interface
asked Nov 25 '18 at 6:41
E V N RajaE V N Raja
70114
70114
And is that data retrieval process one time? Or the API gets called after specific time interval?
– Prashant Pimpale
Nov 25 '18 at 7:02
Our design has an XML file, it will be updated on timely basis with some information. So, html also designed with auto-refresh feature or we may add refresh button.
– E V N Raja
Nov 25 '18 at 7:07
@PrashantPimpale, It is XML not json. The data might look like <root><id>1</id><name>ABC</name><id>2</id><name>ABC1</name><id>3</id><name>ABC3</name></root>
– E V N Raja
Nov 25 '18 at 7:13
add a comment |
And is that data retrieval process one time? Or the API gets called after specific time interval?
– Prashant Pimpale
Nov 25 '18 at 7:02
Our design has an XML file, it will be updated on timely basis with some information. So, html also designed with auto-refresh feature or we may add refresh button.
– E V N Raja
Nov 25 '18 at 7:07
@PrashantPimpale, It is XML not json. The data might look like <root><id>1</id><name>ABC</name><id>2</id><name>ABC1</name><id>3</id><name>ABC3</name></root>
– E V N Raja
Nov 25 '18 at 7:13
And is that data retrieval process one time? Or the API gets called after specific time interval?
– Prashant Pimpale
Nov 25 '18 at 7:02
And is that data retrieval process one time? Or the API gets called after specific time interval?
– Prashant Pimpale
Nov 25 '18 at 7:02
Our design has an XML file, it will be updated on timely basis with some information. So, html also designed with auto-refresh feature or we may add refresh button.
– E V N Raja
Nov 25 '18 at 7:07
Our design has an XML file, it will be updated on timely basis with some information. So, html also designed with auto-refresh feature or we may add refresh button.
– E V N Raja
Nov 25 '18 at 7:07
@PrashantPimpale, It is XML not json. The data might look like <root><id>1</id><name>ABC</name><id>2</id><name>ABC1</name><id>3</id><name>ABC3</name></root>
– E V N Raja
Nov 25 '18 at 7:13
@PrashantPimpale, It is XML not json. The data might look like <root><id>1</id><name>ABC</name><id>2</id><name>ABC1</name><id>3</id><name>ABC3</name></root>
– E V N Raja
Nov 25 '18 at 7:13
add a comment |
1 Answer
1
active
oldest
votes
You can do it using AJAX by calling your JavaScript function after a specific period of time, create a table first when you get your first data and after that, you can just append rows to that table.
You can check this link for JavaScript timing events.
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53465263%2fupdate-web-table-dynamically-using-javascript%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You can do it using AJAX by calling your JavaScript function after a specific period of time, create a table first when you get your first data and after that, you can just append rows to that table.
You can check this link for JavaScript timing events.
add a comment |
You can do it using AJAX by calling your JavaScript function after a specific period of time, create a table first when you get your first data and after that, you can just append rows to that table.
You can check this link for JavaScript timing events.
add a comment |
You can do it using AJAX by calling your JavaScript function after a specific period of time, create a table first when you get your first data and after that, you can just append rows to that table.
You can check this link for JavaScript timing events.
You can do it using AJAX by calling your JavaScript function after a specific period of time, create a table first when you get your first data and after that, you can just append rows to that table.
You can check this link for JavaScript timing events.
edited Nov 25 '18 at 7:00
Billal Begueradj
5,792132638
5,792132638
answered Nov 25 '18 at 6:57
Rakib Ibna HamidRakib Ibna Hamid
345
345
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53465263%2fupdate-web-table-dynamically-using-javascript%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
And is that data retrieval process one time? Or the API gets called after specific time interval?
– Prashant Pimpale
Nov 25 '18 at 7:02
Our design has an XML file, it will be updated on timely basis with some information. So, html also designed with auto-refresh feature or we may add refresh button.
– E V N Raja
Nov 25 '18 at 7:07
@PrashantPimpale, It is XML not json. The data might look like <root><id>1</id><name>ABC</name><id>2</id><name>ABC1</name><id>3</id><name>ABC3</name></root>
– E V N Raja
Nov 25 '18 at 7:13