我有一个jquery从json数组呈现的HTML页面,显示的每个页面都是数组对象的索引。例如,第1页显示数组对象1中的所有数据,第2页显示object [2],我为每个页面都有一个批准按钮,并且我希望能够更改每个json对象中的状态字段当我单击“批准”按钮时,该数组取决于当前页面。
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);
}
approve变量正在页面上呈现批准按钮。
<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>
然后,批准按钮触发此模式以进行批准确认。
$(document).ready(function () {
var x = 0;
$('#approve').click(function () {
$.getJSON(mongoAPIUrl).success(function (data) {
console.log(data);
}).error(function () {
console.log('error');
})
});
});
这是假设是要从api获取数据,目前它正在获取数据,但我希望它根据页码获取特定的对象索引。