宝哥软件园

jquery可以点击文本进行编辑、修改并保存到数据库中

编辑:宝哥软件园 来源:互联网 时间:2021-11-09

这种方法可以在网上找到,但是很多都只是点击文本进行编辑保存,却没有完整的代码来写如何保存到数据库中。因为我的知识很少,所以我花了很长时间只用一条sql语句就把修改后的内容写入并保存到数据库中。今天,我在这里和大家分享跑步的画面

这是前台页面03.aspx页面复制代码代码如下:表格ID=' my table '单元格间距=' 1 '单元格填充=' 3 ' asp3360中继器ID=' reorderInFo ' runat=' server '项模板tr style=' text-align : left'任务描述宽度='70 '高度='40' id='OrderName '订单名称:/TD TD col span=' 5 ' class=' caname ' id='订单名称1 ' % # Eval('订单名称')%/TD/tr tr style=' text-align : left;'任务描述宽度='70 '高度='40' id='ID_Product '产品类型:/TD TD类=' caname ' ID=' ID _ Product 1 ' % # Eval(' ID _ Product ')%/TD TD宽度=' 40 ' ID=' OrderState _ Send '状态:/TD TD类=' caname ' id='订单状态_发送1 ' % # Eval('订单状态_发送')%/TD TD TD宽度=' 40 ' id='订单数量'印量: /td td类=' caname ' id='订单数量1 ' % # Eval('订单数量')%/TD/tr TD宽度='70 '高度='60' id='SendAddress '收货信息:/TD TD col span=' 5 ' class=' caname ' id=' send address 1 ' % # Eval(' send address ')%/TD/tr tr style=' text-align : left;' 任务描述宽度='70 '高度='50' id='OrderMoney_Total '总金额:/TD TD col span=' 5 ' class=' caname ' id=' order money _ Total 1 ' % # Eval(' order money _ Total ')%/TD/tr/item template/ASP : repeater/table这是js 03.js复制代码代码如下: $(function () { //获取班级为卡纳梅的元素$('.'' caname ' .点击(function(){ var TD=$(this);var txt=$ .修剪(TD。text());var input=$(' input type=' text ' value=' txt ' '/');td.html(输入);输入.点击()函数(){ return false });//获取焦点输入。触发器(“焦点”);//文本框失去焦点后提交内容,重新变为文本输入。模糊(函数(){ var new txt=$(this)).val();//判断文本有没有修改if (newtxt!=txt){ TD。html(新txt);//不需要使用数据库的这段可以不需要//var Order_Id=$('#ID_Order ').text();var updateCol=$ .trim(td.prev)().attr(' id ');//我重点要说的是着一句:TD。prev();表示本任务描述的上一个td。这句代码的意思是你所点击的任务描述的上一个任务描述的id(如果不明白可以看前面的03.aspx页面)。//ajax异步更改数据库,加参数日期是解决缓存问题url='./test/03.ashx?caname=' new txt ' updateCol=' updateCol ' Date=' new Date();//使用get()方法打开一个一般处理程序,数据接受返回的参数(在一般处理程序中返回参数的方法语境。回应。写下('要返回的参数');) //数据库的修改就在一般处理程序中完成$.获取(网址,函数(数据){ //if(数据=='1') { //alert('该类别已存在!');//TD。html(txt);//返回;//} //alert(数据);警报('修改成功');道明。html(new txt);});复制代码代码如下: PS pan style=' font-size :14 px;'这是一般处理程序页面span style=' font-family :次新罗马;03.ashx/span/span/pp % @网络处理程序语言='C#' Class='_03' %/p复制代码代码如下: pusing系统;使用系统网络.使用系统数据。SqlClient/pppublic class _ 03 : IHttpHandler { public void process request(HttpContext context){ context } .响应。内容类型='文本/纯文本;int OrderId=5;/pp字符串newOrderName=上下文请求。查询字符串[' caname '];//获取用户修改后的文字字符串updateCol=上下文请求。查询字符串[' updateCol '];//获取用户修改的本任务描述的上一个任务描述的编号的值(这个编号与数据库中的列名相同)字符串SQL=' update eoprinterordset ' updateCol ' a target=' _ blank ' href=' mailto :[电子邮件保护]'[电子邮件保护]/a其中a target=' _ blank ' href=' mailto :[电子邮件保护]';//'[电子邮件保护]';///a通过这一条结构化查询语言语句,就可以对数据库进行修改SqlParameter[]pams={ new SqlParameter(' @ name ',newOrderName),new SqlParameter('@id ',order id)};字符串数据=DscySFL .ExecuteCommand(sql,pams).ToString();语境。回应。写(数据);} public bool IsReuse { get { return false;} }/pp}/p

更多资讯
游戏推荐
更多+