fetch from two json files data ajax node
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
The JSON files src1 and src2 contain a list of video items. I created a web page that will initially load data via AJAX from src1.json and src2.json. The only difference is that src2.json has rating field; how can i combine them to make only one call in ajax to present in an htmlfile? Is it possible to be done with node.js and ajax?
src1.json
[
{
'id' : 67544,
'title' : 'Title 7',
'posttime' : '2017-03-21T10:56:11.404Z',
'tags' : [
'green',
'red',
'blue'
]
},
{
'id' : 333,
'title' : 'Title 9',
'posttime' : '2017-01-01T09:01:10.404Z',
'tags' : [
'orange',
'purple'
]
},
{
'id' : 444,
'title' : 'Title 8',
'posttime' : '2017-03-02T07:12:00.404Z',
'tags' : [
'magenta',
'red',
'yellow'
]
}
]
src2.json
[
{
'id' : 43423,
'title' : ' Title 1',
'posttime' : '2017-03-21T10:56:42.404Z',
'rating' : 1000,
'tags' : [
'green',
'red',
'blue'
]
},
{
'id' : 342334,
'title' : 'Title 2',
'posttime' : '2017-03-21T09:56:42.404Z',
'rating' : 100,
'tags' : [
'orange',
'purple'
]
},
{
'id' : 66343,
'title' : 'Title 3',
'posttime' : '2017-03-21T10:52:42.404Z',
'rating' : 30,
'tags' : [
'magenta',
'red',
'yellow'
]
}
]
I tried:
$(document).ready(function() {
var url = "src1.json";
var url2 = "src1.json";
enter code here
$("button").click(function() {
$.get(url, function(data) {
$('#mydiv').append((JSON.stringify(data)));
});
$.get(url2, function(data) {
$('#mydiv').append((JSON.stringify(data)));
});
});
});
node.js ajax
add a comment |
The JSON files src1 and src2 contain a list of video items. I created a web page that will initially load data via AJAX from src1.json and src2.json. The only difference is that src2.json has rating field; how can i combine them to make only one call in ajax to present in an htmlfile? Is it possible to be done with node.js and ajax?
src1.json
[
{
'id' : 67544,
'title' : 'Title 7',
'posttime' : '2017-03-21T10:56:11.404Z',
'tags' : [
'green',
'red',
'blue'
]
},
{
'id' : 333,
'title' : 'Title 9',
'posttime' : '2017-01-01T09:01:10.404Z',
'tags' : [
'orange',
'purple'
]
},
{
'id' : 444,
'title' : 'Title 8',
'posttime' : '2017-03-02T07:12:00.404Z',
'tags' : [
'magenta',
'red',
'yellow'
]
}
]
src2.json
[
{
'id' : 43423,
'title' : ' Title 1',
'posttime' : '2017-03-21T10:56:42.404Z',
'rating' : 1000,
'tags' : [
'green',
'red',
'blue'
]
},
{
'id' : 342334,
'title' : 'Title 2',
'posttime' : '2017-03-21T09:56:42.404Z',
'rating' : 100,
'tags' : [
'orange',
'purple'
]
},
{
'id' : 66343,
'title' : 'Title 3',
'posttime' : '2017-03-21T10:52:42.404Z',
'rating' : 30,
'tags' : [
'magenta',
'red',
'yellow'
]
}
]
I tried:
$(document).ready(function() {
var url = "src1.json";
var url2 = "src1.json";
enter code here
$("button").click(function() {
$.get(url, function(data) {
$('#mydiv').append((JSON.stringify(data)));
});
$.get(url2, function(data) {
$('#mydiv').append((JSON.stringify(data)));
});
});
});
node.js ajax
Hi and welcome to the community. What have you tried so far? The purpose of SO is not for other people to write the program for you, but we will happily help you if can provide more specific problems (for example: "I tried this approach but it doesn't work since only half the items are included" is a good problem description.) Please see this web page for more information: stackoverflow.com/help/how-to-ask
– Per Lundberg
Nov 16 '18 at 21:27
updated check it
– Constantinos Sergiou
Nov 16 '18 at 21:48
add a comment |
The JSON files src1 and src2 contain a list of video items. I created a web page that will initially load data via AJAX from src1.json and src2.json. The only difference is that src2.json has rating field; how can i combine them to make only one call in ajax to present in an htmlfile? Is it possible to be done with node.js and ajax?
src1.json
[
{
'id' : 67544,
'title' : 'Title 7',
'posttime' : '2017-03-21T10:56:11.404Z',
'tags' : [
'green',
'red',
'blue'
]
},
{
'id' : 333,
'title' : 'Title 9',
'posttime' : '2017-01-01T09:01:10.404Z',
'tags' : [
'orange',
'purple'
]
},
{
'id' : 444,
'title' : 'Title 8',
'posttime' : '2017-03-02T07:12:00.404Z',
'tags' : [
'magenta',
'red',
'yellow'
]
}
]
src2.json
[
{
'id' : 43423,
'title' : ' Title 1',
'posttime' : '2017-03-21T10:56:42.404Z',
'rating' : 1000,
'tags' : [
'green',
'red',
'blue'
]
},
{
'id' : 342334,
'title' : 'Title 2',
'posttime' : '2017-03-21T09:56:42.404Z',
'rating' : 100,
'tags' : [
'orange',
'purple'
]
},
{
'id' : 66343,
'title' : 'Title 3',
'posttime' : '2017-03-21T10:52:42.404Z',
'rating' : 30,
'tags' : [
'magenta',
'red',
'yellow'
]
}
]
I tried:
$(document).ready(function() {
var url = "src1.json";
var url2 = "src1.json";
enter code here
$("button").click(function() {
$.get(url, function(data) {
$('#mydiv').append((JSON.stringify(data)));
});
$.get(url2, function(data) {
$('#mydiv').append((JSON.stringify(data)));
});
});
});
node.js ajax
The JSON files src1 and src2 contain a list of video items. I created a web page that will initially load data via AJAX from src1.json and src2.json. The only difference is that src2.json has rating field; how can i combine them to make only one call in ajax to present in an htmlfile? Is it possible to be done with node.js and ajax?
src1.json
[
{
'id' : 67544,
'title' : 'Title 7',
'posttime' : '2017-03-21T10:56:11.404Z',
'tags' : [
'green',
'red',
'blue'
]
},
{
'id' : 333,
'title' : 'Title 9',
'posttime' : '2017-01-01T09:01:10.404Z',
'tags' : [
'orange',
'purple'
]
},
{
'id' : 444,
'title' : 'Title 8',
'posttime' : '2017-03-02T07:12:00.404Z',
'tags' : [
'magenta',
'red',
'yellow'
]
}
]
src2.json
[
{
'id' : 43423,
'title' : ' Title 1',
'posttime' : '2017-03-21T10:56:42.404Z',
'rating' : 1000,
'tags' : [
'green',
'red',
'blue'
]
},
{
'id' : 342334,
'title' : 'Title 2',
'posttime' : '2017-03-21T09:56:42.404Z',
'rating' : 100,
'tags' : [
'orange',
'purple'
]
},
{
'id' : 66343,
'title' : 'Title 3',
'posttime' : '2017-03-21T10:52:42.404Z',
'rating' : 30,
'tags' : [
'magenta',
'red',
'yellow'
]
}
]
I tried:
$(document).ready(function() {
var url = "src1.json";
var url2 = "src1.json";
enter code here
$("button").click(function() {
$.get(url, function(data) {
$('#mydiv').append((JSON.stringify(data)));
});
$.get(url2, function(data) {
$('#mydiv').append((JSON.stringify(data)));
});
});
});
node.js ajax
node.js ajax
edited Nov 16 '18 at 22:30
Brian Mains
44.2k32129233
44.2k32129233
asked Nov 16 '18 at 19:36
Constantinos SergiouConstantinos Sergiou
3114
3114
Hi and welcome to the community. What have you tried so far? The purpose of SO is not for other people to write the program for you, but we will happily help you if can provide more specific problems (for example: "I tried this approach but it doesn't work since only half the items are included" is a good problem description.) Please see this web page for more information: stackoverflow.com/help/how-to-ask
– Per Lundberg
Nov 16 '18 at 21:27
updated check it
– Constantinos Sergiou
Nov 16 '18 at 21:48
add a comment |
Hi and welcome to the community. What have you tried so far? The purpose of SO is not for other people to write the program for you, but we will happily help you if can provide more specific problems (for example: "I tried this approach but it doesn't work since only half the items are included" is a good problem description.) Please see this web page for more information: stackoverflow.com/help/how-to-ask
– Per Lundberg
Nov 16 '18 at 21:27
updated check it
– Constantinos Sergiou
Nov 16 '18 at 21:48
Hi and welcome to the community. What have you tried so far? The purpose of SO is not for other people to write the program for you, but we will happily help you if can provide more specific problems (for example: "I tried this approach but it doesn't work since only half the items are included" is a good problem description.) Please see this web page for more information: stackoverflow.com/help/how-to-ask
– Per Lundberg
Nov 16 '18 at 21:27
Hi and welcome to the community. What have you tried so far? The purpose of SO is not for other people to write the program for you, but we will happily help you if can provide more specific problems (for example: "I tried this approach but it doesn't work since only half the items are included" is a good problem description.) Please see this web page for more information: stackoverflow.com/help/how-to-ask
– Per Lundberg
Nov 16 '18 at 21:27
updated check it
– Constantinos Sergiou
Nov 16 '18 at 21:48
updated check it
– Constantinos Sergiou
Nov 16 '18 at 21:48
add a comment |
1 Answer
1
active
oldest
votes
I think that what you are aiming for is something like:
- Load
src1.json
, and parse it. - Load
src2.json
, and parse it. - Combine the arrays produced to a new array.
So if the question is: can you make an HTTP backend in node.js that does this? The answer to that question is clearly: yes, it can be done. Take a look at e.g. Expressjs: https://expressjs.com/, it's a framework for easily creating HTTP web applications with node.js.
Actually concatenating the arrays in Javascript should be simple, once you have read the files into memory and parsed them. Something like this should do:
$ node
> a = [1,2,3]
[ 1, 2, 3 ]
> b = [4,5,6]
[ 4, 5, 6 ]
> a.concat(b)
[ 1, 2, 3, 4, 5, 6 ]
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%2f53344289%2ffetch-from-two-json-files-data-ajax-node%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
I think that what you are aiming for is something like:
- Load
src1.json
, and parse it. - Load
src2.json
, and parse it. - Combine the arrays produced to a new array.
So if the question is: can you make an HTTP backend in node.js that does this? The answer to that question is clearly: yes, it can be done. Take a look at e.g. Expressjs: https://expressjs.com/, it's a framework for easily creating HTTP web applications with node.js.
Actually concatenating the arrays in Javascript should be simple, once you have read the files into memory and parsed them. Something like this should do:
$ node
> a = [1,2,3]
[ 1, 2, 3 ]
> b = [4,5,6]
[ 4, 5, 6 ]
> a.concat(b)
[ 1, 2, 3, 4, 5, 6 ]
add a comment |
I think that what you are aiming for is something like:
- Load
src1.json
, and parse it. - Load
src2.json
, and parse it. - Combine the arrays produced to a new array.
So if the question is: can you make an HTTP backend in node.js that does this? The answer to that question is clearly: yes, it can be done. Take a look at e.g. Expressjs: https://expressjs.com/, it's a framework for easily creating HTTP web applications with node.js.
Actually concatenating the arrays in Javascript should be simple, once you have read the files into memory and parsed them. Something like this should do:
$ node
> a = [1,2,3]
[ 1, 2, 3 ]
> b = [4,5,6]
[ 4, 5, 6 ]
> a.concat(b)
[ 1, 2, 3, 4, 5, 6 ]
add a comment |
I think that what you are aiming for is something like:
- Load
src1.json
, and parse it. - Load
src2.json
, and parse it. - Combine the arrays produced to a new array.
So if the question is: can you make an HTTP backend in node.js that does this? The answer to that question is clearly: yes, it can be done. Take a look at e.g. Expressjs: https://expressjs.com/, it's a framework for easily creating HTTP web applications with node.js.
Actually concatenating the arrays in Javascript should be simple, once you have read the files into memory and parsed them. Something like this should do:
$ node
> a = [1,2,3]
[ 1, 2, 3 ]
> b = [4,5,6]
[ 4, 5, 6 ]
> a.concat(b)
[ 1, 2, 3, 4, 5, 6 ]
I think that what you are aiming for is something like:
- Load
src1.json
, and parse it. - Load
src2.json
, and parse it. - Combine the arrays produced to a new array.
So if the question is: can you make an HTTP backend in node.js that does this? The answer to that question is clearly: yes, it can be done. Take a look at e.g. Expressjs: https://expressjs.com/, it's a framework for easily creating HTTP web applications with node.js.
Actually concatenating the arrays in Javascript should be simple, once you have read the files into memory and parsed them. Something like this should do:
$ node
> a = [1,2,3]
[ 1, 2, 3 ]
> b = [4,5,6]
[ 4, 5, 6 ]
> a.concat(b)
[ 1, 2, 3, 4, 5, 6 ]
answered Nov 16 '18 at 21:58
Per LundbergPer Lundberg
1,81312433
1,81312433
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%2f53344289%2ffetch-from-two-json-files-data-ajax-node%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
Hi and welcome to the community. What have you tried so far? The purpose of SO is not for other people to write the program for you, but we will happily help you if can provide more specific problems (for example: "I tried this approach but it doesn't work since only half the items are included" is a good problem description.) Please see this web page for more information: stackoverflow.com/help/how-to-ask
– Per Lundberg
Nov 16 '18 at 21:27
updated check it
– Constantinos Sergiou
Nov 16 '18 at 21:48