Javascript 重新加载表AJAX/PHP
我正在使用这样的Ajax代码重新加载页面上的表:Javascript 重新加载表AJAX/PHP,javascript,php,jquery,ajax,datatables,Javascript,Php,Jquery,Ajax,Datatables,我正在使用这样的Ajax代码重新加载页面上的表: //ajax page section reload $(document).on("click", '.section-reload #send', function (e) { e.preventDefault(); NProgress.start(); $('#tasks-tab').load(document.URL + ' #tasks-tab'); NProgress.done(); }); $(
//ajax page section reload
$(document).on("click", '.section-reload #send', function (e) {
e.preventDefault();
NProgress.start();
$('#tasks-tab').load(document.URL + ' #tasks-tab');
NProgress.done();
});
$(document).on("click", '.dynamic-reload', function (e) {
var reload = $(this).data('reload');
if(reload) {
$('#'+reload).load(document.URL + ' #'+reload, function(data) {
easyPie();
});
}
});
$(document).on("click", '.dynamic-form .send', function (e) {
$(this).closest('form').validator();
e.stopPropagation();
e.preventDefault();
valid = true;
var thisinput = $(this);
$('input').filter('[required]:visible').each(function(i, requiredField){
if($(requiredField).val()=='') {
valid = false;
$('.modal').animate({
scrollTop: $(requiredField).offset().top
}, 500);
$(requiredField).parent().addClass("has-error");
thisinput.text().replace('<i class="fa fa-spinner fa-spin"></i> ', '');
}
});
if(valid) {
var content = $('textarea.summernote-modal').summernote('code');
var url = $(this).closest('form').attr('action');
var baseurl = $(this).closest('form').data('baseurl');
var active = $(this);
var data = new FormData($(this).closest('form')[0]);
$.ajax( {
type: "POST",
url: url,
mimeType: "multipart/form-data",
contentType: false,
cache: false,
processData: false,
data: data,
success: function(data, textStatus, jqXHR) {
if(typeof data.error === 'undefined') {
} else {
console.log('ERRORS: ' + data.error);
}
var reload = active.closest('form').data('reload');
var reload2 = active.closest('form').data('reload2');
var reload3 = active.closest('form').data('reload3');
var reload4 = active.closest('form').data('reload4');
var reload5 = active.closest('form').data('reload5');
if(reload) {
$.get(document.URL, function(data) {
$('#'+reload).parent("div").html($(data).find('#'+reload));
$('#'+reload2).parent("div").html($(data).find('#'+reload2));
$('#'+reload3).parent("div").html($(data).find('#'+reload3));
$('#'+reload4).parent("div").html($(data).find('#'+reload4));
$('#'+reload5).parent("div").html($(data).find('#'+reload5));
$('#gantData').html($(data).find('#gantData'));
$('#'+reload).velocity("transition.slideDownOut", { duration: 300 });
$('#'+reload2).velocity("transition.slideDownOut", { duration: 300 });
$('#'+reload3).velocity("transition.slideDownOut", { duration: 300 });
$('#'+reload4).velocity("transition.slideDownOut", { duration: 300 });
$('#'+reload5).velocity("transition.slideDownOut", { duration: 300 });
$('#'+reload + ' .checkbox-nolabel').labelauty({ label: false });
$('#'+reload2 + ' .checkbox-nolabel').labelauty({ label: false });
$('#'+reload3 + ' .checkbox-nolabel').labelauty({ label: false });
$('#'+reload4 + ' .checkbox-nolabel').labelauty({ label: false });
$('#'+reload5 + ' .checkbox-nolabel').labelauty({ label: false });
$('#'+reload).velocity("transition.slideUpIn", { duration: 300 });
$('#'+reload2).velocity("transition.slideUpIn", { duration: 300 });
$('#'+reload3).velocity("transition.slideUpIn", { duration: 300 });
$('#'+reload4).velocity("transition.slideUpIn", { duration: 300 });
$('#'+reload5).velocity("transition.slideUpIn", { duration: 300 });
//reload Modal
modalfunc();
keepmodal = active.data('keepmodal');
if(keepmodal === undefined){
$('#mainModal').modal('hide');
} else {
active.closest('form')[0].reset();
$("#mainModal .note-editable").html("");
}
//remove loader icon from button
var value = active.text().replace('<i class="fa fa-spinner fa-spin"></i> ', '');
active.html(value);
//reload timers on task details
$( ".timer__span" ).each(function() {
timertime = $(this).data("timertime");
timerid = "#"+$(this).attr("id");
timerstate = $(this).data("timerstate");
startTimer(timerstate, timertime, timerid);
});
$(".todo__close").click();
sorting_list(baseurl);
hideClosedTasks();
});
}
},
error: function(formData) {
var reload = active.closest('form').data('reload');
var reload2 = active.closest('form').data('reload2');
var reload3 = active.closest('form').data('reload3');
var reload4 = active.closest('form').data('reload4');
var reload5 = active.closest('form').data('reload5');
if(reload) {
$.get(document.URL, function(data) {
$('#'+reload).parent("div").html($(data).find('#'+reload));
$('#'+reload2).parent("div").html($(data).find('#'+reload2));
$('#'+reload3).parent("div").html($(data).find('#'+reload3));
$('#'+reload4).parent("div").html($(data).find('#'+reload4));
$('#'+reload5).parent("div").html($(data).find('#'+reload5));
$('#gantData').html($(data).find('#gantData'));
$('#'+reload).velocity("transition.slideDownOut", { duration: 300 });
$('#'+reload2).velocity("transition.slideDownOut", { duration: 300 });
$('#'+reload3).velocity("transition.slideDownOut", { duration: 300 });
$('#'+reload4).velocity("transition.slideDownOut", { duration: 300 });
$('#'+reload5).velocity("transition.slideDownOut", { duration: 300 });
$('#'+reload + ' .checkbox-nolabel').labelauty({ label: false });
$('#'+reload2 + ' .checkbox-nolabel').labelauty({ label: false });
$('#'+reload3 + ' .checkbox-nolabel').labelauty({ label: false });
$('#'+reload4 + ' .checkbox-nolabel').labelauty({ label: false });
$('#'+reload5 + ' .checkbox-nolabel').labelauty({ label: false });
$('#'+reload).velocity("transition.slideUpIn", { duration: 300 });
$('#'+reload2).velocity("transition.slideUpIn", { duration: 300 });
$('#'+reload3).velocity("transition.slideUpIn", { duration: 300 });
$('#'+reload4).velocity("transition.slideUpIn", { duration: 300 });
$('#'+reload5).velocity("transition.slideUpIn", { duration: 300 });
//reload Modal
modalfunc();
keepmodal = active.data('keepmodal');
if(keepmodal === undefined) {
$('#mainModal').modal('hide');
} else {
active.closest('form')[0].reset();
$("#mainModal .note-editable").html("");
}
//remove loader icon from button
var value = active.text().replace('<i class="fa fa-spinner fa-spin"></i> ', '');
active.html(value);
//reload timers on task details
$( ".timer__span" ).each(function() {
timertime = $(this).data("timertime");
timerid = "#"+$(this).attr("id");
timerstate = $(this).data("timerstate");
startTimer(timerstate, timertime, timerid);
});
$(".todo__close").click();
sorting_list(baseurl);
hideClosedTasks();
});
}
}
});
return false;
}
});
//重新加载ajax页面节
$(文档)。在(“单击“,”。部分重新加载#发送”,函数(e){
e、 预防默认值();
NProgress.start();
$(“#任务选项卡”).load(document.URL+“#任务选项卡”);
n前进。完成();
});
$(文档)。打开(“单击”,动态重新加载”,函数(e){
var reload=$(this).data('reload');
如果(重新加载){
$('#'+reload).load(document.URL+'#'+reload,函数(数据){
easyPie();
});
}
});
$(document).on(“click”,.dynamic form.send',函数(e){
$(this).closest('form').validator();
e、 停止传播();
e、 预防默认值();
有效=真;
var thisinput=$(此);
$('input')。筛选器('[必需]:可见')。每个(函数(i,requiredField){
如果($(requiredField).val()=''){
有效=错误;
$('.modal')。设置动画({
scrollTop:$(requiredField).offset().top
}, 500);
$(requiredField).parent().addClass(“有错误”);
thisinput.text().replace(“”,”);
}
});
如果(有效){
var content=$('textarea.summernote model').summernote('code');
var url=$(this.nexist('form').attr('action');
var baseurl=$(this).closest('form')。data('baseurl');
var active=$(此值);
var data=new FormData($(this).closest('form')[0]);
$.ajax({
类型:“POST”,
url:url,
mimeType:“多部分/表单数据”,
contentType:false,
cache:false,
processData:false,
数据:数据,
成功:函数(数据、文本状态、jqXHR){
if(typeof data.error==‘未定义’){
}否则{
console.log('ERRORS:'+data.error);
}
var reload=active.closest('form')。data('reload');
var reload2=活动的。最近的('form')。数据('reload2');
var reload3=活动的。最近的('form')。数据('reload3');
var reload4=活动的。最近的('form')。数据('reload4');
var reload5=活动的。最近的('form')。数据('reload5');
如果(重新加载){
$.get(document.URL,函数(数据){
$('#'+reload).parent(“div”).html($(data.find('#'+reload));
$(“#”+reload2.parent(“div”).html($(data.find(“#”+reload2));
$(“#”+reload3.parent(“div”).html($(data.find(“#”+reload3));
$(“#”+reload4.parent(“div”).html($(data.find(“#”+reload4));
$(“#”+reload5.parent(“div”).html($(data.find(“#”+reload5));
$('#gantData').html($(data.find('#gantData'));
$('#'+reload).velocity(“transition.slideDownOut”,{duration:300});
$('#'+reload2).velocity(“transition.slideDownOut”,{duration:300});
$('#'+reload3).velocity(“transition.slideDownOut”,{duration:300});
$('#'+reload4).velocity(“transition.slideDownOut”,{duration:300});
$('#'+reload5).velocity(“transition.slideDownOut”,{duration:300});
$('#'+reload+'.checkbox nolabel').labelauty({label:false});
$('#'+reload2+'.checkbox nolabel').labelauty({label:false});
$('#'+reload3+'.checkbox nolabel').labelauty({label:false});
$('#'+reload4+'.checkbox nolabel').labelauty({label:false});
$('#'+reload5+'.checkbox nolabel').labelauty({label:false});
$('#'+reload).velocity(“transition.slideUpIn”,{duration:300});
$('#'+reload2).velocity(“transition.slideUpIn”,{duration:300});
$('#'+reload3).velocity(“transition.slideUpIn”,{duration:300});
$('#'+reload4).velocity(“transition.slideUpIn”,{duration:300});
$('#'+reload5).velocity(“transition.slideUpIn”,{duration:300});
//重新加载模式
modalfunc();
keepmodal=active.data('keepmodal');
if(keepmodal==未定义){
$('mainmodel').model('hide');
}否则{
active.closest('form')[0].reset();
$(“#mainmodel.note可编辑”).html(“”);
}
//从按钮中删除加载程序图标
var value=active.text().replace(“”,”);
active.html(值);
//在任务详细信息上重新加载计时器
$(“.timer\u span”)。每个(函数(){
timertime=$(this.data(“timertime”);
timerid=“#”+$(this.attr(“id”);
timerstate=$(this).data(“timerstate”);
startTimer(timerstate、timertime、timerid);
});
$(“.todo_uu关闭”)。单击();
排序列表(baseurl);
hideClosedTasks();
});
}
},
错误:函数(formData){
var reload=active.closest('form')。data('reload');
var reload2=活动的。最近的('form')。数据('reload2');
var reload3=活动的。最近的('form')。数据('reload3');
var reload4=活动的。最近的('form')。数据('reload4');
var reload5=活动的。最近的('form')。数据('reload5');
如果(重新加载){
$.get(document.URL,函数(数据){
$('#'+reload).parent(“div”).html($(data.find('#'+reload));
$(“#”+reload2.parent(“div”).html($(data.find(“#”+reload2));
$(“#”+reload3.parent(“div”).html($(data.find(“#”+reload3));
$('#'+reload4).parent(“div”).html($(数据).find('#'