网站首页杂项
jQ异步修改数据
发布时间:2019-05-10编辑:Cary.He
/*异步修改某个字段的值,点击文字变成文本框并修改内容*/ function change(th,id,url){ var oval = $('#'+th+id).text(); var input = $("<input type=text id=\"order\" name=\"order\" class=\"layui-input\" value='"+oval+"' />"); //添加input $('#'+th+id).html(input); //选中内容 input.trigger('select'); //在input在点击无效 input.click(function(){return false;}); //光标离开 input 后进行更新相关操作 input.blur(function(){ var tex = $(this).val(); if(tex != oval) { $('#'+th+id).html(tex); $.post(url,{ id:id, val:tex },function(data){ var object = eval('('+data+')'); if(object.status == 200){ layer.msg(object.msg, {icon: 6}); }else{ layer.msg(object.msg, {icon: 5}); } }); } else { $('#'+th+id).html(tex); } }); //回车事件 $("#order").keyup(function(){ if(event.keyCode == 13){ var tex = $(this).val(); if(tex != oval) { $('#'+th+id).html(tex); $.post(url,{ id:id, val:tex },function(data){ var object = eval('('+data+')'); if(object.status == 200){ layer.msg(object.msg, {icon: 6}); }else{ layer.msg(object.msg, {icon: 5}); } }); } else { $('#'+th+id).html(tex); } } }); } /*异步更新数据是否有效0-1*/ function member_stop(obj,id,url){ var status = $(obj).attr('title'); layer.confirm('确认要更新吗?',function(index){ $.get(url+id+"&status="+status,function(data){ var run = JSON.parse(data); if(run.status == 200){ $(obj).attr('title',run.is_show); $(obj).html('<i class="layui-icon layui-icon-ok" style="font-size:32px;"></i>'); layer.msg(run.msg,{icon: 1,time:1000}); } if(run.status == 300){ $(obj).attr('title',run.is_show); $(obj).html('<i class="layui-icon layui-icon-close" style="font-size:31px;"></i>'); layer.msg(run.msg,{icon: 2,time:1000}); } if(run.status == 400){ layer.msg('数据出错,请稍后再试!',{icon:5,time:1000}); } }); }); } /*用户-删除*/ function member_del(obj,id,url){ layer.confirm('确认要删除吗?',function(index){ //发异步删除数据 $.get(url+id,function(data){ var run = JSON.parse(data); if(run.status==200){ layer.msg(run.msg,{icon:1,time:1000}); $(obj).parents("tr").remove(); }else{ layer.msg(run.msg,{icon:2,time:1000}); } }); }); }
关键字词:点击文字变成文本框并修改内容|异步修改数据
上一篇: php简单实现socket通信
下一篇: php添加redis扩展