本文实例为大家分享了Ajax实现表格中的信息进行更新数据，供大家参考，具体内容如下
html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-3.1.1.js">css:控制单根边框
/*利用table和tr中的空隙来进行控制间隙的颜色*/ table{ border: 0px; background: #000; } tr{ background: #FFF; }js:
//在页面装载的时候进行对td的点击 $(document).ready(function () { var tds = $("td"); tds.click(tdclick); }); function tdclick() { //1将文本的内容保存起来 var td = $(this); var text = td.text(); //2清空td里面的内容 td.html(""); //3建立文本框 var input = $("<input>"); //4.设置文本框的值是保存起来的值 input.attr("value", text); //4.5相应回车和键盘事件 input.keyup(function (event) { //判断按键是什么 var myevent = event || window.event; var key = myevent.keyCode; if (key == 13) { var inputnode = $(this); //1.保存文本框的内荣 var inputtext = inputnode.val(); //2.清空td里面的内容保存的文本框填充到td中去 var tdNode = inputnode.parent(); tdNode.html(inputtext); //4.让td重新拥有点击事件 td.click(tdclick); } }); //5将文本框加入到td中 td.append(input); //6为了防止td的点击事件，我们可以移除 td.unbind("click"); }以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“Ajax实现表格中信息不刷新页面进行更新数据”评论...
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。