国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

jquery實(shí)現(xiàn)點(diǎn)擊文字可編輯并修改保存至數(shù)據(jù)庫(kù)

2024-05-06 16:04:11
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
網(wǎng)上的方法只有點(diǎn)擊文字編輯并保持,但是沒有完整的代碼寫怎么保存到數(shù)據(jù)庫(kù),本例用一條sql語(yǔ)句保存到數(shù)據(jù)庫(kù)

這個(gè)方法網(wǎng)上可以查到很多,但是好多只有點(diǎn)擊文字編輯并保持,但是沒有完整的代碼寫怎么保存到數(shù)據(jù)庫(kù)。因?yàn)楸救瞬攀鑼W(xué)淺,費(fèi)啦好長(zhǎng)時(shí)間才寫好把修改的內(nèi)容只用一條sql語(yǔ)句保存到數(shù)據(jù)庫(kù),今天在這里和大家分享

這是運(yùn)行圖片

jquery實(shí)現(xiàn)點(diǎn)擊文字可編輯并修改保存至數(shù)據(jù)庫(kù)

 
這是前臺(tái)頁(yè)面 03.aspx頁(yè)面

復(fù)制代碼 代碼如下:


<table cellspacing="1" cellpadding="3">
<asp:Repeater runat="server">
<ItemTemplate>
<tr>
<td>
訂單名稱:
</td>
<td colspan="5">
<%#Eval("OrderName")%>
</td>
</tr>
<tr>
<td>
產(chǎn)品類型:
</td>
<td>
<%#Eval("ID_Product")%>
</td>
<td>
狀態(tài):
</td>
<td ><%#Eval("OrderState_Send")%>
</td>
<td>
印量:
</td>
<td ><%#Eval("OrderQty")%>
</td>
</tr>
<tr>
<td>
收貨信息:
</td>
<td colspan="5" ><%#Eval("SendAddress")%>
</td>
</tr>
<tr>
<td>
總金額:
</td>
<td colspan="5" ><%#Eval("OrderMoney_Total")%>
</td>
</tr>

</ItemTemplate>
</asp:Repeater>
</table>


這是js 03.js

復(fù)制代碼 代碼如下:


$(function () {
//獲取class為caname的元素
$(".caname").click(function () {
var td = $(this);
var txt = $.trim(td.text());
var input = $("<input type='text'value='" + txt + "'/>");
td.html(input);
input.click(function () { return false; });
//獲取焦點(diǎn)
input.trigger("focus");
//文本框失去焦點(diǎn)后提交內(nèi)容,重新變?yōu)槲谋?
input.blur(function () {
var newtxt = $(this).val();
//判斷文本有沒有修改
if (newtxt != txt) {
td.html(newtxt);

//不需要使用數(shù)據(jù)庫(kù)的這段可以不需要

//var Order_Id = $("#ID_Order").text();
var updateCol = $.trim(td.prev().attr("id"));//我重點(diǎn)要說(shuō)的是著一句:td.prev();表示本td的上一個(gè)td。這句代碼的意思是你所點(diǎn)擊的td的上一個(gè)td的id(如果不明白可以看前面的03.aspx頁(yè)面)。
//ajax異步更改數(shù)據(jù)庫(kù),加參數(shù)date是解決緩存問(wèn)題
url = "../test/03.ashx?caname=" + newtxt + "&updateCol=" + updateCol + "&date=" + new Date();




//使用get()方法打開一個(gè)一般處理程序,data接受返回的參數(shù)(在一般處理程序中返回參數(shù)的方法 context.Response.Write("要返回的參數(shù)");)
//數(shù)據(jù)庫(kù)的修改就在一般處理程序中完成
$.get(url, function (data) {
// if (data == "1") {
// alert("該類別已存在!");
// td.html(txt);
// return;
// }
// alert(data);
alert("修改成功");
td.html(newtxt);
});


復(fù)制代碼 代碼如下:


<p><span>這是一般處理程序頁(yè)面<span> 03.ashx</span></span></p><p>
<%@ WebHandler Language="C#" %></p>


復(fù)制代碼 代碼如下:


<p>using System;
using System.Web;
using System.Data.SqlClient;</p><p>public class _03 : IHttpHandler {

public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
int OrderId = 5;</p><p> string newOrderName = context.Request.QueryString["caname"];//獲取用戶修改后的文字
string updateCol = context.Request.QueryString["updateCol"];//獲取用戶修改的本td的上一個(gè)td的id的值(這個(gè)id與數(shù)據(jù)庫(kù)中的列名相同)
string sql = "update eoPrintOrder set " + updateCol + " <a target="_blank" href="mailto:=@name">=@name</a> where <a target="_blank" href="mailto:Id_order=@id';//">Id_order=@id";//</a>通過(guò)這一條sql語(yǔ)句,就可以對(duì)數(shù)據(jù)庫(kù)進(jìn)行修改 SqlParameter[] pams = {
new SqlParameter("@name",newOrderName),
new SqlParameter("@id",OrderId)
};


string data = DscySFL.DbHelp.ExecuteCommand(sql,pams ).ToString();
context.Response.Write(data);

}

public bool IsReusable {
get {
return false;
}
}</p><p>}</p>

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 古田县| 防城港市| 玉门市| 卢湾区| 湘乡市| 牟定县| 神池县| 色达县| 合水县| 盐源县| 象州县| 甘南县| 墨玉县| 鹿邑县| 商城县| 东乡| 莲花县| 望城县| 夏河县| 佛坪县| 富裕县| 同江市| 沂南县| 新宁县| 纳雍县| 马尔康县| 年辖:市辖区| 荆门市| 泉州市| 漳浦县| 霸州市| 永仁县| 同江市| 华坪县| 安化县| 大新县| 威海市| 无棣县| 乌兰浩特市| 宣恩县| 泰和县|