Ajax-Methode zur Implementierung der Registrierungsfunktion

In diesem Artikel wird hauptsächlich die Ajax-Methode zum Implementieren der Registrierungsfunktion und zum Senden von Daten an die Backend-Datenbank vorgestellt, um die Interaktion abzuschließen. Ich hoffe, dass sie allen helfen kann.

1. Um zu verhindern, dass Fehler an den Server gesendet werden, stellen wir es normalerweise so ein:

   $(function(){
    var isusername;(定一个变量)
    var ispwd;
     $('form').submit(function(e){
       if(!isusername || !ispwd){
         e.preventDefault();（阻止事件的默认事件）
      })
   });

1. In nodejs können wir die folgende Methode zum (Laden) von Sprungseiten verwenden:
load() in JQuery Dies dient zum Laden eines Seitenfensters
. location () Dies dient zum Springen zu einer bestimmten Seite unter Windows

2. Installationsschritte und zugehörige Vorgänge von MongoDB in node.js:
1. Laden Sie das Installationsprogramm herunter. (Fenster Wenn es sich um ein XP-System handelt, können Sie das Installationsverzeichnis direkt in das angegebene Verzeichnis kopieren. Wenn Sie das Installationsprogramm auf einem Win7-System ausführen, können Sie den Installationspfad selbst wählen. (Beachten Sie, dass der Installationspfad nicht auf Chinesisch angezeigt wird.) Die installierte MONgoDB ist standardmäßig C:Program FilesMongoDBServer3.2bin
3. Erstellen Sie ein Verzeichnisdaten im selben Verzeichnis wie die Installation und erstellen Sie dann das Datenbankverzeichnis und das Protokollverzeichnis Das Datenverzeichnis.
4. Geben Sie cd C:Program FilesMongoDBServer3.2bin in die Befehlszeile ein, drücken Sie die Eingabetaste und geben Sie dann mongo ein. Rufen Sie die Bedienschnittstelle mongo.exe auf.
5. Starten Sie MongoDB. Mit dem folgenden Befehl können Sie das MongoDB-Programm im Windows-Dienst installieren.
Öffnen Sie abschließend die Befehlszeile und wechseln Sie in das bin-Verzeichnis von MongoDB. Führen Sie Folgendes aus:

mongod.exe --dbpath "c:datadb" --logpath "c:datalogmongodb.log" --install6. In mongo.exe können wir den Zusatz abschließen, Löschen, ändern und prüfen: Folgendes wird der Reihe nach eingeführt
Davor können wir show dbs verwenden, um alle Datenbanken im aktuellen Mongo anzuzeigen. Wenn nicht, verwenden Sie f30 (überprüfen Sie zunächst, ob F30 vorhanden ist, falls nicht, automatisch Erstellen Sie eine Datenbank mit dem Namen f30-Datenbank)
1>Hinzufügen: db.users.insert({maen:'dd',age:20})
Nach dem Hinzufügen können Sie db.users.find() verwenden, um anzuzeigen wenn das Hinzufügen erfolgreich ist
2> Löschen: db.users.remove({maen:'dd'}) oder db.users.remove({}) (Damit werden alle Daten in Benutzern gelöscht)
3> ; Ändern: db.users .update({maen:'dd'},{age:22}) Ändern Sie das Alter des Namens dd in 22
4> gt:20}) Finden Sie mehr als 20 Daten

3. Wir können Daten über BUTTON übermitteln und zur Anmeldeoberfläche springen. Der Code lautet wie folgt:

 $("input[type=button]").click(function(e){
 if(!isUsernameValid || !isPwdValid){ //用if语句来判断当用户名或者密码有一个为false时就弹出一个消息框，并提示：请输入正确的信息。
           alert('请输入正确的信息');
           return;  //结束
         }
         $.ajax({       //用ajax来实现不刷新网页的基础上更新数据
           type:"post", //请求方式
           url:"/users/reg", //路径
           data:{
             username:$("input[name=username]").val(),  //获取input中name为username的值
             pwd:$("input[name=pwd]").val() //获取input中name为pwd的值
           },
           success:function(){
             alert("注册成功");
             window.location = "login.html"; //注册成功就跳转到login.html
           }
         });
         
       })

Der obige Code verwendet Ajax, um die Registrierungsfunktion zu implementieren.

Verwandte Empfehlungen:

10 empfohlene Artikel zur Registrierungsfunktion

Implementieren des Anmelderegistrierungsfunktionscodes (Node.js +Express +MongoDB)

Thinkphp implementiert die SMS-Verifizierungsregistrierungsfunktion_php-Beispiel

Das obige ist der detaillierte Inhalt vonAjax-Methode zur Implementierung der Registrierungsfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!