[英]The variable assigned is not globally changed after ajax success
在此页面中,我有一个带有分页的表格。 在分页部分中,类别为“ first”的''显示第一页记录,类别“ last”为末页,类别“ next”显示下一个后续数据。 这些所有功能均正常运行。 但是我的问题是,当我单击类为'last'的''时,它正在显示最后一页记录。 之后,当我单击“上一个”类的“ td”时,它必须在最后一个记录之前显示这些记录。
例如,如果有17页,并且如果我单击最后一页,那么它将显示第17页,但是当我单击“上一页”时,它必须显示16页,而不是其他页。
所以我尝试的是ajax成功后更新页码,但是此值在页面中没有全局更改。
谁能帮我这个忙。 谢谢。
以下是我的代码。
<div class="container">
<div class="row">
<table id="display_result">
</table>
<table id="pagination">
<tr>
<td><div class="first">|<</div></td>
<td><div class="previous"><</div></td>
<td><div class="next">></div></td>
<td><div class="last">>|</div></td>
</tr>
</table>
</div>
</div>
$(function(){
var page;
function displayData(ip, page, isLast){
var input = ip;
var datas = {
'input': input,
'page':page,
'isLast':isLast
}
$.ajax({
url: "getData.php",
type: 'post',
dataType: 'json',
success: function (data) {
var response = data.result;
page = data.page;
$("#display_result").html('');
$.each(response, function(i, item) {
$('<tr>').html(
"<td>" + response[i].line + "</td></tr>").appendTo('#display_result');
});
},
async:false,
data: datas
});
}
$("#pagination").delegate('td div', 'click', function(e) {
e.preventDefault();
var filename = $('#myInput').val().split('\\');
if ($(this).hasClass("first")){
page = 0;
displayData(filename[2], page, false);
}
if ($(this).hasClass("previous")){
page = page - 1;
displayData(filename[2], page, false);
}
if ($(this).hasClass("next")){
page = page + 1;
displayData(filename[2], page, false);
}
if ($(this).hasClass("last")){
displayData(filename[2], page, true);
}
});
})
我通过添加新功能解决了这个问题
function set_page(val){
page = val;
}
然后在ajax成功时,我通过了更新的页面
page = data.page;
set_page(page);
这为我解决了。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.