Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
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
Freigeben： 2016-05-16 16:52:22
Original
2110 Leute haben es durchsucht

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;

Verwandte Etiketten：
可编辑
Quelle：php.cn
Vorheriger Artikel：Beispiel für die automatische Bewegung statischer Elemente mithilfe von JS_Javascript-Kenntnissen Nächster Artikel：Codebeispiele für Javascript zum Abrufen von Funktionsnamen, Funktionsparametern und Objektattributnamen_Grundkenntnisse
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Verschieben Sie den Inhalt nach links, indem Sie die Eigenschaft „Width' hinzufügen Ich habe dem Körper Ränder gegeben. main {linker Rand: 200px; rechter Rand: 200px; Textaus...
Aus 2024-04-06 22:01:35
0
3
816
Wie kann ich in der mobilen Ansicht diese Navigationsleiste schließen, wenn der Benutzer auf den Link klickt? Wenn der Benutzer auf einen Link klickt, um die Website zu durchsuchen, wird die Navigatio...
Aus 2024-04-06 19:23:03
0
1
411
Was sind die Best Practices für die Anzeige von Versionsinformationen in Webanwendungen? Ich entwickle eine Webanwendung. Was sind die Best Practices für die Anzeige von Versionsi...
Aus 2024-04-06 19:13:16
0
2
476
Streudiagrammpunkte behalten beim Zoomen in d3.js keine Werte bei Dies ist das erste Mal, dass ich d3.js verwende. Bitte haben Sie Geduld. Ich habe es als r...
Aus 2024-04-06 18:16:26
0
1
403
Laravel 8 – So leiten Sie die Route /{editable_text} zur Route /{user} um Ich habe versucht, eine Weiterleitungsroute zu erstellen, die mich zu einem Benutzerprofil...
Aus 2024-04-06 17:26:11
0
1
410
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über uns Haftungsausschluss Sitemap

© php.cn All rights reserved