Я хочу оставить выбранную нумерацию таблицы данных после отправки формы с помощью ajax.
В настоящее время код работает нормально, сохраняя и отображая данные в формате таблицы данных, но всякий раз, когда я пытаюсь сохранить таблицу данных, он продолжает возвращаться на первую страницу, но я пытаюсь сохранить выбранный номер страницы активен, так что пользователь легко увидит данные.
Какая-нить, которую я прочитал за последние несколько часов.
stateSave: true
Добавление этого кода решит проблему. Но я пробовал, ничего не происходит
Мой текущий код Ajax:
function refresh_Table(){
$.ajax({
headers:{'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
url: "{{ route('printdate') }}",
method: "GET",
data:{},
success:function(data)
{
$('#table_DTR').html(data);
$('#table_time_records').dataTable({
"serverSide": false,
"retrieve": true,
"ordering": false
});
},
error: function(xhr, ajaxOptions, thrownError){
console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
}
Мой текущий код сохранения данных в Ajax:
$(document).on("click", ".btnApplyAlter", function(){
var a = $('select[name=table_time_records_length]').val();
validation_altered_data();
if(counter_alter_validation == 0)
{
$("select[name=table_time_records_length] option[value='365']").remove();
$('select[name=table_time_records_length]').val(a).trigger('change');
alert("Check the row you want to apply alter");
}
else if(checker_validation == "false")
{
$("select[name=table_time_records_length] option[value='365']").remove();
$('select[name=table_time_records_length]').val(a).trigger('change');
alert(error);
}
else
{
var c = confirm("Apply this alteration?");
if(c == true)
{
$('.reason').prop("disabled", false);
$.ajax({
headers:{'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
url: "{{ route('applyalteration') }}",
method: "POST",
data: $('#alteration_data').serialize(),
beforeSend: function()
{
document.getElementById('loader').style.display = "block";
},
success:function(data)
{
if(data == "w")
{
alert("You don't have schedule for this day!");
$("select[name=table_time_records_length] option[value='365']").remove();
$('select[name=table_time_records_length]').val(a).trigger('change');
$('.reason').prop("disabled", true);
}
else
{
$("select[name=table_time_records_length] option[value='365']").remove();
$('select[name=table_time_records_length]').val(a).trigger('change');
alert("Alteration Applied!");
}
},
complete:function(){
refresh_Table();
document.getElementById('loader').style.display = "none";
}
});
}
else{
$("select[name=table_time_records_length] option[value='365']").remove();
$('select[name=table_time_records_length]').val(a).trigger('change');
}
}
});
Это изображение показывает вывод, когда я пытался использовать и воспроизвести этот код
"bStateSave": true,
"fnStateSave": function (oSettings, oData) {
localStorage.setItem('offersDataTables', JSON.stringify(oData));
},
"fnStateLoad": function (oSettings) {
return JSON.parse(localStorage.getItem('offersDataTables'));
}