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

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

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; Erklärung dieser Website 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 Heiße KI -Werkzeuge Undresser.AI Undress KI-gestützte App zum Erstellen realistischer Aktfotos AI Clothes Remover Online-KI-Tool zum Entfernen von Kleidung aus Fotos. Undress AI Tool Ausziehbilder kostenlos Clothoff.io KI-Kleiderentferner AI Hentai Generator Erstellen Sie kostenlos Ai Hentai. Mehr anzeigen Heißer Artikel R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall) 2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌 Wie lange dauert es, um Split Fiction zu schlagen? 1 Monate vor By DDD R.E.P.O. Dateispeicherspeicherort: Wo ist es und wie schützt sie? 1 Monate vor By DDD R.E.P.O. Beste grafische Einstellungen 2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌 Assassin's Creed Shadows: Seashell Riddle -Lösung 1 Wochen vor By DDD Mehr anzeigen Heiße Werkzeuge Notepad++7.3.1 Einfach zu bedienender und kostenloser Code-Editor SublimeText3 chinesische Version Chinesische Version, sehr einfach zu bedienen Senden Sie Studio 13.0.1 Leistungsstarke integrierte PHP-Entwicklungsumgebung Dreamweaver CS6 Visuelle Webentwicklungstools SublimeText3 Mac-Version Codebearbeitungssoftware auf Gottesniveau (SublimeText3) Mehr anzeigen Heiße Themen Wo ist der Login-Zugang für Gmail-E-Mail? 7392 15 Java-Tutorial 1630 14 CakePHP-Tutorial 1357 52 Laravel-Tutorial 1268 25 PHP-Tutorial 1216 29 Mehr anzeigen Related knowledge Wie implementiert man mit Vue eine bearbeitbare Datentabelle? Jun 25, 2023 pm 06:20 PM Mit der kontinuierlichen Weiterentwicklung der Front-End-Technologie sind Datentabellen zu einem wichtigen Werkzeug für die Unternehmensverwaltung und Datenanzeige geworden. In der täglichen Entwicklung ist es manchmal erforderlich, Daten in der Datentabelle zu ändern oder hinzuzufügen. Zu diesem Zeitpunkt ist es erforderlich, eine bearbeitbare Datentabelle zu implementieren. In diesem Artikel wird erläutert, wie Sie mit Vue bearbeitbare Datentabellen implementieren. 1. Implementierungsideen Bei der Implementierung der bearbeitbaren Datentabellenfunktion müssen wir die folgenden Punkte berücksichtigen: Datenpräsentation: Rendern Sie die Daten zur Anzeige und Bearbeitung in der Tabelle. Tabellenbearbeitung: Daten in der Tabelle bearbeiten. So entwickeln Sie mit Layui ein bearbeitbares System zur Verwaltung persönlicher Termine Oct 25, 2023 am 11:42 AM So entwickeln Sie mit Layui ein bearbeitbares System zur Verwaltung persönlicher Termine. In den letzten Jahren hat die Verwaltung persönlicher Termine mit der rasanten Entwicklung der Informationstechnologie und dem beschleunigten Tempo des Lebens immer mehr an Bedeutung gewonnen. Damit Menschen ihre Zeit und Aufgaben besser verwalten können, können wir Layui verwenden, ein auf JavaScript basierendes Front-End-UI-Framework. Es bietet umfangreiche Komponenten und einen prägnanten Stil und eignet sich sehr gut für die Entwicklung persönlicher Zeitplanverwaltungssysteme. 1. Vorbereitung der Umgebung Zuerst müssen wir die Entwicklungsumgebung vorbereiten. Stellen Sie sicher, dass Sie Implementierungsmethode einer bearbeitbaren Tabelle im Vue-Dokument Jun 20, 2023 pm 06:43 PM Vue.js ist derzeit eines der beliebtesten Front-End-Frameworks. Es verwendet einen datengesteuerten Ansatz zum Erstellen von Benutzeroberflächen und weist die Merkmale einer bidirektionalen Datenbindung und Komponentisierung auf. In der Vue.js-Dokumentation wird eine Methode zum Implementieren einer bearbeitbaren Tabelle bereitgestellt. In diesem Artikel werden die spezifischen Implementierungsschritte dieser Methode vorgestellt. Um Daten vorzubereiten, müssen Sie zunächst einen Datensatz vorbereiten. Hier nehmen wir Studenteninformationen als Beispiel. Das Datenformat kann ein Array sein und jedes Element enthält Attribute wie Name, Geschlecht, Alter usw. Schüler:[{name:'Xiao Ming So verwenden Sie Vue und Canvas zum Entwickeln bearbeitbarer Vektorgrafikanwendungen Jul 19, 2023 pm 03:07 PM So verwenden Sie Vue und Canvas zum Entwickeln bearbeitbarer Vektorgrafikanwendungen. Einführung: In den letzten Jahren werden Vektorgrafiken im Designbereich immer häufiger verwendet, und es gibt viele Designtools, die auf Vektorgrafiken basieren, wie z. B. Adobe Illustrator. In der Webentwicklung hoffen wir auch, bearbeitbare Vektorgrafikanwendungen entwickeln zu können, um den individuellen Designanforderungen der Benutzer gerecht zu werden. In diesem Artikel wird die Verwendung von Vue und Canvas zum Entwickeln bearbeitbarer Vektorgrafikanwendungen vorgestellt und detaillierte Codebeispiele bereitgestellt. Vorbereitungen Zuerst I So entwickeln Sie mit Layui einen E-Book-Reader, der die Bearbeitbarkeit unterstützt Oct 24, 2023 am 08:08 AM Überblick über die Verwendung von Layui zum Entwickeln eines bearbeitbaren E-Book-Readers: Layui ist ein benutzerfreundliches und leistungsstarkes Front-End-Framework, das einen umfangreichen Satz an UI-Komponenten und Entwicklungstools bereitstellt, sodass Entwickler schnell schöne und voll funktionsfähige Inhalte erstellen können Webanwendung. In diesem Artikel wird vorgestellt, wie Sie mit dem Layui-Framework einen E-Book-Reader entwickeln, der die Bearbeitbarkeit unterstützt und es Benutzern ermöglicht, Vorgänge wie Hervorheben, Markieren und Notizen im E-Book durchzuführen. Schritt 1: Projektvorbereitung Zunächst müssen wir eine grundlegende Projektstruktur vorbereiten. Erstellen Sie eine So implementieren Sie bearbeitbare Tabellenfunktionen mit Layui Oct 25, 2023 am 11:27 AM So verwenden Sie Layui zum Implementieren bearbeitbarer Tabellenfunktionen. Layui ist ein klassisches und prägnantes Front-End-UI-Framework mit umfangreichen Komponenten und leistungsstarken Funktionen. Während des Entwicklungsprozesses mit Layui müssen wir möglicherweise bearbeitbare Tabellenfunktionen implementieren. In diesem Artikel wird erläutert, wie Sie die Tabellen- und Formularkomponente von Layui verwenden, um bearbeitbare Tabellenfunktionen zu implementieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Stellen Sie die Layui-Bibliothek vor. Führen Sie zunächst die relevanten Dateien der Layui-Bibliothek in das Projekt ein. Kann wählen So entwickeln Sie mit Layui einen bearbeitbaren Flussdiagramm-Designer Oct 27, 2023 pm 01:07 PM So entwickeln Sie mit Layui einen bearbeitbaren Flussdiagramm-Designer. Einführung: Mit der rasanten Entwicklung der Informatisierung werden Flussdiagramme zunehmend in verschiedenen Branchen eingesetzt. Allerdings ist die Auswahl an Flussdiagramm-Editoren derzeit auf dem Markt begrenzt und die meisten erfordern eine Bezahlung. In diesem Artikel wird erläutert, wie Sie mit dem Layui-Framework einen bearbeitbaren Flussdiagramm-Designer entwickeln und spezifische Codebeispiele bereitstellen. 1. Einführung in Layui: Layui ist ein einfaches und benutzerfreundliches Front-End-Framework, das eine Fülle von Komponenten und Schnittstellen für die schnelle Erstellung von We bereitstellt Wie man mit Layui ein persönliches Informationsmanagementsystem entwickelt, das die Bearbeitbarkeit unterstützt Oct 24, 2023 am 09:36 AM Überblick über die Verwendung von Layui zur Entwicklung eines persönlichen Informationsverwaltungssystems, das die Bearbeitbarkeit unterstützt: Das persönliche Informationsverwaltungssystem ist ein sehr häufiges Anwendungsszenario. Es kann Benutzern dabei helfen, ihre persönlichen Informationen zu verwalten, einschließlich grundlegender Informationen, Kontaktinformationen, Bildungserfahrung und Berufserfahrung. usw. warten. In diesem Artikel wird erläutert, wie Sie mit Layui ein persönliches Informationsverwaltungssystem entwickeln, das die Bearbeitbarkeit unterstützt und Benutzern eine bequeme und schnelle Informationsverwaltungserfahrung bietet. Vorbereitung Zuerst müssen wir die Entwicklungsumgebung vorbereiten. Layui ist eine auf HTML, CSS und J basierende Software See all articles Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！ Über uns Haftungsausschluss Sitemap © php.cn All rights reserved