jquery를 사용하면 텍스트를 클릭하여 편집하고 수정 사항을 Database_jquery에 저장할 수 있습니다.

이 방법은 인터넷에서 많이 찾을 수 있지만 대부분은 텍스트를 클릭하기만 하면 편집하고 저장할 수 있지만 데이터베이스에 저장하는 방법을 작성하는 완전한 코드는 없습니다. 제가 재능과 지식이 부족해서 SQL 문 하나로 수정된 내용을 작성하고 데이터베이스에 저장하는데 시간이 많이 걸렸습니다. 오늘은

실행 사진입니다

프론트페이지 03.aspx 페이지입니다

코드복사 코드는 다음과 같습니다

;ItemTemplate>



< /tr>



caname" id="OrderState_Send1" >< ;%#Eval("OrderState_Send")%>




< ;tr style="text-align: left;">

	<%#Eval("OrderName")%>
상품 유형:	<%#Eval("ID_Product")% >	상태:	인쇄량:	<%#Eval("OrderQty")%> ;
수신 정보: < /td>	<%#Eval("SendAddress")%>
금액:	<%#Eval("OrderMoney_Total")%> ;/td> < /tr>

js 03.js 입니다




코드 복사


코드는 다음과 같습니다.

$(function () {
//caname으로 클래스 가져오기
$(".caname").click(function () {

var td = $(this); var txt = $ .trim(td.text()); var input = $("") td.html(input); input.click(function () { return false ; }); //포커스 가져오기input.trigger("focus")

//텍스트 상자가 포커스를 잃은 후 내용을 다시 텍스트로 변경

input.blur(function () {
var newtxt = $(this).val();
//텍스트 수정 여부 확인
if ( newtxt != txt) {
td.html(newtxt);

//데이터베이스 사용이 필요하지 않은 이 섹션은 필요하지 않습니다

//var Order_Id = $ ("#ID_Order").text();
var updateCol = $.trim(td.prev().attr("id"));//내가 말하고 싶은 주요 내용은 다음과 같습니다. td.prev( );는 이 td의 이전 td를 나타냅니다. 이 코드의 의미는 클릭한 TD의 이전 TD ID입니다.(이해가 안되면 이전 03.aspx 페이지를 보시면 됩니다.)
//Ajax는 데이터베이스를 비동기식으로 변경합니다. 매개변수 날짜를 추가하면 캐시 문제가 해결됩니다.
url = "../test/03.ashx?canname=" newtxt "&updateCol=" updateCol "&date=" new Date();




//일반 핸들러를 열려면 get() 메소드를 사용하세요. data는 반환된 매개변수(일반 핸들러 컨텍스트에서 매개변수를 반환하는 메소드)를 받아들입니다. Response.Write(" 반환할 매개변수");)
//일반 핸들러에서 데이터베이스 수정이 완료되었습니다
$.get(url, function (data) {
// if ( data == "1" ) {
// Alert("이 카테고리는 이미 존재합니다!")
// td.html(txt)
// return; 🎜>// 경고( 데이터);
alert("수정 성공");
td.html(newtxt)
})




코드 복사


코드는 다음과 같습니다.

일반 핸들러 페이지입니다< ;span style="font-family:Times New Roman;"> 03.ashx

%@ WebHandler Language="C#" Class="_03" %>

코드 복사 코드는 다음과 같습니다.

using System; >System .Web 사용;
System.Data.SqlClient;

public class _03 사용: IHttpHandler {

public void ProcessRequest(HttpContext 컨텍스트) {
context. Response.ContentType = "text/plain";
int OrderId = 5;

string newOrderName = context.Request.QueryString["caname"];//사용자의 수정된 텍스트 가져오기
string updateCol = context.Request.QueryString["updateCol"];//사용자가 수정한 이전 td의 id 값을 가져옵니다. (이 id는 데이터베이스의 열 이름과 동일합니다.)
string sql = "eoPrintOrder 세트 업데이트 " updateCol " =@name 여기서 Id_order=@id";//이 SQL 문을 통해 데이터베이스를 수정할 수 있습니다. 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;