JS get实现数据列表的修改

来源:互联网 发布:淘宝怎样看自己的评价 编辑:程序博客网 时间:2024/06/06 16:33
function enterSubmit(ids,tagids) {//id:选择数据库id//tagid:选择数据库键值//content:将要提交内容//回车提交数据$(this).keydown(function(e) {if (e.keyCode == 13) {//因为对象是输入框,所以内容为value用val()获取,如果是其他普通的tag,内容为text,由text()获取var contents = $('#modify').val();//暂时无法传输字符串,问题出现在数据库的提交接口上!// contents = escape(contents);//不需要转换字符$('#modify').remove();$.get('Submit.php',{sel:'modify',type:'changeA',id:ids,tagid:tagids,content:contents},function(){console.log(contents);//把需要赋值的元素通过临时标记的class进行赋值。使用完,再销毁!$('.tip_setvalue').text(contents,function(){$(this).removeClass('tip_setvalue');});//设置延时刷新,避免影响到get提交动作setTimeout(function() {window.location.href = location.href;}, 100);})};})}function eqmodify(eq) {//------------------->//修改内容//------------------->$(eq).dblclick(function(event) {//添加修改框var wh = $(this).offset();var width = $(this).width();var w = wh.left;var h = wh.top;ae = '<input id="modify" style="position: absolute;left: ' + w + 'px;top: ' + h + 'px;width:' + width + 'px;">';$(this).append(ae);$(this).addClass('tip_setvalue')//获取焦点$('#modify').focus();//获取当前tagid名称,数据库修改键名需要用到var tagid = $(this).attr('id');//获取当前行数据库id//这个是关联值,不利于移植程序var id = $(this).parents('.tips').children('.td').eq(2).children('.checkbox').val();//提交数据循环消息函数enterSubmit(id,tagid)})//======监听鼠标事件,遇到非当前输入框的单击事件将执行删除当前输入框的动作$(this).click(function(event) {//获取当前单击元素,如果不是输入框,删除掉输入框!var $target = $(event.target);if (!$target.is('#modify')) {$('#modify').remove();};});//----------------->/*后记:关键的3个节点在于1.提交数据的PHP数据库接口的设计。(字符串千万要添加‘’来与数据库命令隔开)2.处理输入框的系列动作(添加/删除输入框,等待回车监听的$.get提交数据动作)。3.修改数据库的id行以及键名。*/}

0 0
原创粉丝点击