suchen

Heim >Web-Frontend >js-Tutorial >Mit jquery können Sie Text bearbeiten, indem Sie darauf klicken und die Änderungen in der Datenbank_jquery speichern

Mit jquery können Sie Text bearbeiten, indem Sie darauf klicken und die Änderungen in der Datenbank_jquery speichern

WBOY
WBOYOriginal
2016-05-16 16:52:222114Durchsuche

Viele dieser Methoden finden Sie im Internet, aber viele von ihnen können nur auf Text klicken, um ihn zu bearbeiten und zu speichern. Es gibt jedoch keinen vollständigen Code zum Schreiben, wie er in der Datenbank gespeichert wird. Da ich wenig Talent und Wissen habe, hat es lange gedauert, den geänderten Inhalt mit nur einer SQL-Anweisung zu schreiben und in der Datenbank zu speichern. Heute werde ich mit Ihnen teilen

Dies ist das aktuelle Bild
Mit jquery können Sie Text bearbeiten, indem Sie darauf klicken und die Änderungen in der Datenbank_jquery speichern
Dies ist die Startseite von 03.aspx

Code kopieren Der Code lautet wie folgt:

;ItemTemplate>


< /tr> ID_Product">
Produkttyp:





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

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

Druckvolumen:

<%#Eval("OrderQty")%> ;
/td>
<%#Eval("SendAddress")%>
Betrag:
<%#Eval("OrderMoney_Total")%< ;/td>
< /tr> Dies ist js 03.js




Code kopieren


Der Code lautet wie folgt:


$(function () {
//Erhalten Sie die Klasse als caname-Elemente von
$(".caname").click(function () {
var td = $(this);
var txt = $ .trim(td.text());
var input = $("");
input.click(function () { return false ; });
//Fokus abrufen
input.trigger("focus"); Inhalt und ändern Sie ihn erneut in Text
input.blur(function () {
var newtxt = $(this).val();
//Bestimmen Sie, ob der Text geändert wurde
if ( newtxt != txt) {
td.html(newtxt);

//Sie müssen diesen Abschnitt der Datenbank nicht verwenden
//var Order_Id = $(" #ID_Order").text();
var updateCol = $.trim(td. prev().attr("id"));//Das Wichtigste, was ich sagen möchte, ist: td.prev(); gibt den vorherigen Termin dieses Termins an. Die Bedeutung dieses Codes ist die ID des vorherigen TD des TD, auf den Sie geklickt haben (wenn Sie es nicht verstehen, können Sie die vorherige 03.aspx-Seite lesen).
//Ajax ändert die Datenbank asynchron. Durch Hinzufügen des Parameters Datum soll das Cache-Problem gelöst werdenurl = "../test/03.ashx?caname=" newtxt "&updateCol=" updateCol "&date=" new Date(); //Verwenden Sie die Methode get(), um einen allgemeinen Handler zu öffnen. Daten akzeptiert die zurückgegebenen Parameter (die Methode, die Parameter im allgemeinen Handlerkontext zurückgibt). Response.Write(" Zurückzugebende Parameter");)
//Die Änderung der Datenbank wird im allgemeinen Handler abgeschlossen
$.get(url, function (data) {
// if ( data == "1" ) {
// warning("Diese Kategorie existiert bereits!");
// td.html(txt);
// }
// warning( data);
alert("Modifikation erfolgreich");






Code kopieren


Der Code lautet wie folgt:


Dies ist die allgemeine Handler-Seite< ;span style="font-family:Times New Roman;"> 03.ashx

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


Code kopieren Der Code lautet wie folgt:

using System
using System .Web;
using System.Data.SqlClient;

public class _03 : IHttpHandler {

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

string newOrderName = context.Request.QueryString["caname"];//Geänderten Text des Benutzers abrufen
string updateCol = context.Request.QueryString["updateCol"];//Den Wert der vom Benutzer geänderten ID des vorherigen TD abrufen (diese ID ist mit dem Spaltennamen in der Datenbank identisch)
string sql = "update eoPrintOrder set " updateCol " =@name wobei Id_order=@id";//Durch diese SQL-Anweisung können Sie die Datenbank 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;

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Beispiel für die automatische Bewegung statischer Elemente mithilfe von JS_Javascript-KenntnissenNächster Artikel：Beispiel für die automatische Bewegung statischer Elemente mithilfe von JS_Javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen