Looping through JQuery to get a specific index of a json object
0
I have a HTML page rendered by jquery from an json array, each page displayed is the index of an obeject of the array. e.g Page 1 displays all the data in object1 of the array and Page 2 for object[2], I have an approve button for each page and i want to be able to change the status field in each json object of the array when I click the approve button depending on the page I am currently on.
if (canEdit === true) {
var editDelete = '<div class="row"><div class="span6"><a id="title_edit" href="#kate" class="btn btn-small bind-edit disabled">' + gettext("edit") + '</a> <a href="#"class="btn btn-small btn-danger">' + gettext("Delete") + '</a></div></div>';
var approve = '<div style="margin-top:5%;" class="row"><div class="span6"><a data-toggle="modal" data-target="#approve" class="btn btn-small btn-danger">'+ gettext("approve") + '</a>'
dataContainer.append(editDelete);
dataContainer.append(approve);
}
The approve variable is rendering the approve button on the page.
<div id="approve" class="modal fade" >
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Are you sure you want to aprrove this record. If you are unsure about deleting this record press
'Cancel'.</p>
</div>
<div class="modal-footer">
<button id="approve" type="button" class="btn btn-default" data-dismiss="modal">Approve</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
The approve button then triggers this modal for approve confirmation.
$(document).ready(function () {
var x = 0;
$('#approve').click(function () {
$.getJSON(mongoAPIUrl).success(function (data) {
console.log(data);
}).error(function () {
console.log('error');
})
});
});
This is suppose to get the data from the api, currently it fetches the data but I want it to fetch the specific object index depending on the page number.
javascript jquery arrays json
asked Nov 15 '18 at 10:18
A.SasoriA.Sasori
154
add a comment |
0
I have a HTML page rendered by jquery from an json array, each page displayed is the index of an obeject of the array. e.g Page 1 displays all the data in object1 of the array and Page 2 for object[2], I have an approve button for each page and i want to be able to change the status field in each json object of the array when I click the approve button depending on the page I am currently on.
if (canEdit === true) {
var editDelete = '<div class="row"><div class="span6"><a id="title_edit" href="#kate" class="btn btn-small bind-edit disabled">' + gettext("edit") + '</a> <a href="#"class="btn btn-small btn-danger">' + gettext("Delete") + '</a></div></div>';
var approve = '<div style="margin-top:5%;" class="row"><div class="span6"><a data-toggle="modal" data-target="#approve" class="btn btn-small btn-danger">'+ gettext("approve") + '</a>'
dataContainer.append(editDelete);
dataContainer.append(approve);
}
The approve variable is rendering the approve button on the page.
<div id="approve" class="modal fade" >
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Are you sure you want to aprrove this record. If you are unsure about deleting this record press
'Cancel'.</p>
</div>
<div class="modal-footer">
<button id="approve" type="button" class="btn btn-default" data-dismiss="modal">Approve</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
The approve button then triggers this modal for approve confirmation.
$(document).ready(function () {
var x = 0;
$('#approve').click(function () {
$.getJSON(mongoAPIUrl).success(function (data) {
console.log(data);
}).error(function () {
console.log('error');
})
});
});
This is suppose to get the data from the api, currently it fetches the data but I want it to fetch the specific object index depending on the page number.
javascript jquery arrays json
asked Nov 15 '18 at 10:18
A.SasoriA.Sasori
154
"i want to be able to change the status field in each json object of the array when I click the approve button" and "I want it to fetch the specific object index depending on the page number."...there are two different requirements here, it's not clear if they are aspects of the same thing or if they contradict each other - there's not quite enough context about your application to be certain. Please be clear about what you want to do
– ADyson
Nov 15 '18 at 11:16
Anyway, how do you expect us to tell you what to do with your JSON if we can't see it? We also know nothing about your server - does it accept search parameters to filter the data, or are you intending to download the whole lot and then filter it in your browser? If you do intend to over-write the data, how does your server allow you to save data back again? Do you have to save the whole object, or can you save single items from it? Lots of missing info about your app. The question is vague, unclear and potentially a bit too wide-ranging. If you edit it (a lot) we might be able to help more.
– ADyson
Nov 15 '18 at 11:18
add a comment |
0
0
0
I have a HTML page rendered by jquery from an json array, each page displayed is the index of an obeject of the array. e.g Page 1 displays all the data in object1 of the array and Page 2 for object[2], I have an approve button for each page and i want to be able to change the status field in each json object of the array when I click the approve button depending on the page I am currently on.
if (canEdit === true) {
var editDelete = '<div class="row"><div class="span6"><a id="title_edit" href="#kate" class="btn btn-small bind-edit disabled">' + gettext("edit") + '</a> <a href="#"class="btn btn-small btn-danger">' + gettext("Delete") + '</a></div></div>';
var approve = '<div style="margin-top:5%;" class="row"><div class="span6"><a data-toggle="modal" data-target="#approve" class="btn btn-small btn-danger">'+ gettext("approve") + '</a>'
dataContainer.append(editDelete);
dataContainer.append(approve);
}
The approve variable is rendering the approve button on the page.
<div id="approve" class="modal fade" >
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Are you sure you want to aprrove this record. If you are unsure about deleting this record press
'Cancel'.</p>
</div>
<div class="modal-footer">
<button id="approve" type="button" class="btn btn-default" data-dismiss="modal">Approve</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
The approve button then triggers this modal for approve confirmation.
$(document).ready(function () {
var x = 0;
$('#approve').click(function () {
$.getJSON(mongoAPIUrl).success(function (data) {
console.log(data);
}).error(function () {
console.log('error');
})
});
});
This is suppose to get the data from the api, currently it fetches the data but I want it to fetch the specific object index depending on the page number.
javascript jquery arrays json
asked Nov 15 '18 at 10:18
A.SasoriA.Sasori
154
I have a HTML page rendered by jquery from an json array, each page displayed is the index of an obeject of the array. e.g Page 1 displays all the data in object1 of the array and Page 2 for object[2], I have an approve button for each page and i want to be able to change the status field in each json object of the array when I click the approve button depending on the page I am currently on.
if (canEdit === true) {
var editDelete = '<div class="row"><div class="span6"><a id="title_edit" href="#kate" class="btn btn-small bind-edit disabled">' + gettext("edit") + '</a> <a href="#"class="btn btn-small btn-danger">' + gettext("Delete") + '</a></div></div>';
var approve = '<div style="margin-top:5%;" class="row"><div class="span6"><a data-toggle="modal" data-target="#approve" class="btn btn-small btn-danger">'+ gettext("approve") + '</a>'
dataContainer.append(editDelete);
dataContainer.append(approve);
}
The approve variable is rendering the approve button on the page.
<div id="approve" class="modal fade" >
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Are you sure you want to aprrove this record. If you are unsure about deleting this record press
'Cancel'.</p>
</div>
<div class="modal-footer">
<button id="approve" type="button" class="btn btn-default" data-dismiss="modal">Approve</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
The approve button then triggers this modal for approve confirmation.
$(document).ready(function () {
var x = 0;
$('#approve').click(function () {
$.getJSON(mongoAPIUrl).success(function (data) {
console.log(data);
}).error(function () {
console.log('error');
})
});
});
This is suppose to get the data from the api, currently it fetches the data but I want it to fetch the specific object index depending on the page number.
javascript jquery arrays json
javascript jquery arrays json
asked Nov 15 '18 at 10:18
A.SasoriA.Sasori
154
asked Nov 15 '18 at 10:18
A.SasoriA.Sasori
154
asked Nov 15 '18 at 10:18
A.SasoriA.Sasori
154
asked Nov 15 '18 at 10:18
A.SasoriA.Sasori
154
asked Nov 15 '18 at 10:18
A.SasoriA.Sasori
154
154
"i want to be able to change the status field in each json object of the array when I click the approve button" and "I want it to fetch the specific object index depending on the page number."...there are two different requirements here, it's not clear if they are aspects of the same thing or if they contradict each other - there's not quite enough context about your application to be certain. Please be clear about what you want to do
– ADyson
Nov 15 '18 at 11:16
Anyway, how do you expect us to tell you what to do with your JSON if we can't see it? We also know nothing about your server - does it accept search parameters to filter the data, or are you intending to download the whole lot and then filter it in your browser? If you do intend to over-write the data, how does your server allow you to save data back again? Do you have to save the whole object, or can you save single items from it? Lots of missing info about your app. The question is vague, unclear and potentially a bit too wide-ranging. If you edit it (a lot) we might be able to help more.
– ADyson
Nov 15 '18 at 11:18
add a comment |
"i want to be able to change the status field in each json object of the array when I click the approve button" and "I want it to fetch the specific object index depending on the page number."...there are two different requirements here, it's not clear if they are aspects of the same thing or if they contradict each other - there's not quite enough context about your application to be certain. Please be clear about what you want to do
– ADyson
Nov 15 '18 at 11:16
Anyway, how do you expect us to tell you what to do with your JSON if we can't see it? We also know nothing about your server - does it accept search parameters to filter the data, or are you intending to download the whole lot and then filter it in your browser? If you do intend to over-write the data, how does your server allow you to save data back again? Do you have to save the whole object, or can you save single items from it? Lots of missing info about your app. The question is vague, unclear and potentially a bit too wide-ranging. If you edit it (a lot) we might be able to help more.
– ADyson
Nov 15 '18 at 11:18
"i want to be able to change the status field in each json object of the array when I click the approve button" and "I want it to fetch the specific object index depending on the page number."...there are two different requirements here, it's not clear if they are aspects of the same thing or if they contradict each other - there's not quite enough context about your application to be certain. Please be clear about what you want to do
– ADyson
Nov 15 '18 at 11:16
"i want to be able to change the status field in each json object of the array when I click the approve button" and "I want it to fetch the specific object index depending on the page number."...there are two different requirements here, it's not clear if they are aspects of the same thing or if they contradict each other - there's not quite enough context about your application to be certain. Please be clear about what you want to do
– ADyson
Nov 15 '18 at 11:16
Anyway, how do you expect us to tell you what to do with your JSON if we can't see it? We also know nothing about your server - does it accept search parameters to filter the data, or are you intending to download the whole lot and then filter it in your browser? If you do intend to over-write the data, how does your server allow you to save data back again? Do you have to save the whole object, or can you save single items from it? Lots of missing info about your app. The question is vague, unclear and potentially a bit too wide-ranging. If you edit it (a lot) we might be able to help more.
– ADyson
Nov 15 '18 at 11:18
Anyway, how do you expect us to tell you what to do with your JSON if we can't see it? We also know nothing about your server - does it accept search parameters to filter the data, or are you intending to download the whole lot and then filter it in your browser? If you do intend to over-write the data, how does your server allow you to save data back again? Do you have to save the whole object, or can you save single items from it? Lots of missing info about your app. The question is vague, unclear and potentially a bit too wide-ranging. If you edit it (a lot) we might be able to help more.
– ADyson
Nov 15 '18 at 11:18
add a comment |
0
active
oldest
votes
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
});
}
});
draft saved
draft discarded
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%2f53317163%2flooping-through-jquery-to-get-a-specific-index-of-a-json-object%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f53317163%2flooping-through-jquery-to-get-a-specific-index-of-a-json-object%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
"i want to be able to change the status field in each json object of the array when I click the approve button" and "I want it to fetch the specific object index depending on the page number."...there are two different requirements here, it's not clear if they are aspects of the same thing or if they contradict each other - there's not quite enough context about your application to be certain. Please be clear about what you want to do
– ADyson
Nov 15 '18 at 11:16
Anyway, how do you expect us to tell you what to do with your JSON if we can't see it? We also know nothing about your server - does it accept search parameters to filter the data, or are you intending to download the whole lot and then filter it in your browser? If you do intend to over-write the data, how does your server allow you to save data back again? Do you have to save the whole object, or can you save single items from it? Lots of missing info about your app. The question is vague, unclear and potentially a bit too wide-ranging. If you edit it (a lot) we might be able to help more.
– ADyson
Nov 15 '18 at 11:18