加个标记达到同步效果~
2016-06-03 17:25
162 查看
————————————————————————————————————————————————————————————————————————————
修改前:
function save() {
var jsonarray=[];
var jsonText;
$("table tr").each(function(i){
if(i!=0){
var widgetId;
var isChecked;
var column;
var row;
var check = document.getElementsByName("check");
if(check[i-1].checked == true){
isChecked = true;
}else{
isChecked = false;
}
widgetId=check[i-1].value;
$(this).children("td").each(function(j){
if(j==2){
column=$(this).text();
}else if(j==3){
row=$(this).text();
}
});
var obj={
"widgetId":widgetId,
"isChecked":isChecked,
"column":column,
"row":row
};
jsonarray.push(obj);
var jsonList = eval(jsonarray);
jsonText = JSON.stringify(jsonList);
}
});
$.ajax({
type: 'POST',
url: "${ctx }/erp/widgetUserConfig.action?method:saveDesktopSet",
dataType: 'json',
data: {
jsonarray:jsonText
},
success : function(data) {
var json = eval(data);
var flag = json.flag;
if(flag == "true"){
alert("保存成功!");
}}
});
}
}
问题:连续点击按钮会导致数据的重复保存!
————————————————————————————————————————————————————————————————————————————
给ajax加个同步,使得未保存完情况下不能发送第二次保存的执行,但是ajax同步处理会卡顿,在马老师的指导下加了个标记
修改后:
function save() {
var saveFlag=false; //标记保存与否
var jsonarray=[];
var jsonText;
if(!saveFlag){ //未保存则。。;已保存则停下来
$("table tr").each(function(i){
if(i!=0){
var widgetId;
var isChecked;
var column;
var row;
var check = document.getElementsByName("check");
if(check[i-1].checked == true){
isChecked = true;
}else{
isChecked = false;
}
widgetId=check[i-1].value;
$(this).children("td").each(function(j){
if(j==2){
column=$(this).text();
}else if(j==3){
row=$(this).text();
}
});
var obj={
"widgetId":widgetId,
"isChecked":isChecked,
"column":column,
"row":row
};
jsonarray.push(obj);
var jsonList = eval(jsonarray);
jsonText = JSON.stringify(jsonList);
}
});
$.ajax({
type: 'POST',
url: "${ctx }/erp/widgetUserConfig.action?method:saveDesktopSet",
dataType: 'json',
data: {
jsonarray:jsonText
},
success : function(data) {
var json = eval(data);
var flag = json.flag;
if(flag == "true"){
alert("保存成功!");
saveFlag=true; //已保存
}}
});
}
}
修改前:
function save() {
var jsonarray=[];
var jsonText;
$("table tr").each(function(i){
if(i!=0){
var widgetId;
var isChecked;
var column;
var row;
var check = document.getElementsByName("check");
if(check[i-1].checked == true){
isChecked = true;
}else{
isChecked = false;
}
widgetId=check[i-1].value;
$(this).children("td").each(function(j){
if(j==2){
column=$(this).text();
}else if(j==3){
row=$(this).text();
}
});
var obj={
"widgetId":widgetId,
"isChecked":isChecked,
"column":column,
"row":row
};
jsonarray.push(obj);
var jsonList = eval(jsonarray);
jsonText = JSON.stringify(jsonList);
}
});
$.ajax({
type: 'POST',
url: "${ctx }/erp/widgetUserConfig.action?method:saveDesktopSet",
dataType: 'json',
data: {
jsonarray:jsonText
},
success : function(data) {
var json = eval(data);
var flag = json.flag;
if(flag == "true"){
alert("保存成功!");
}}
});
}
}
问题:连续点击按钮会导致数据的重复保存!
————————————————————————————————————————————————————————————————————————————
给ajax加个同步,使得未保存完情况下不能发送第二次保存的执行,但是ajax同步处理会卡顿,在马老师的指导下加了个标记
修改后:
function save() {
var saveFlag=false; //标记保存与否
var jsonarray=[];
var jsonText;
if(!saveFlag){ //未保存则。。;已保存则停下来
$("table tr").each(function(i){
if(i!=0){
var widgetId;
var isChecked;
var column;
var row;
var check = document.getElementsByName("check");
if(check[i-1].checked == true){
isChecked = true;
}else{
isChecked = false;
}
widgetId=check[i-1].value;
$(this).children("td").each(function(j){
if(j==2){
column=$(this).text();
}else if(j==3){
row=$(this).text();
}
});
var obj={
"widgetId":widgetId,
"isChecked":isChecked,
"column":column,
"row":row
};
jsonarray.push(obj);
var jsonList = eval(jsonarray);
jsonText = JSON.stringify(jsonList);
}
});
$.ajax({
type: 'POST',
url: "${ctx }/erp/widgetUserConfig.action?method:saveDesktopSet",
dataType: 'json',
data: {
jsonarray:jsonText
},
success : function(data) {
var json = eval(data);
var flag = json.flag;
if(flag == "true"){
alert("保存成功!");
saveFlag=true; //已保存
}}
});
}
}
相关文章推荐
- 使用 Syncthing 在多个设备间同步文件
- Ajax
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- 使用Ajax实现异步用户名验证
- 使用ajax实现用户登录验证(升级版)
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 再谈Jquery Ajax方法传递到action(补充)
- C#实现多线程的同步方法实例分析
- Dom在ajax技术中的作用说明
- AJAX实现瀑布流触发分页与分页触发瀑布流的方法
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 科学知识:同步、异步、阻塞和非阻塞区别
- 同步文件备份工具 Super Flexible File Synchronizer Pro v4
- 探讨Ajax中同步与异步之间的区别
- C#线程同步的三类情景分析
- ajax中data传参的两种方式分析
- 原生AJAX写法实例分析
- 探秘ajax跨域请求
- rsync命令使用总结