Heim > Web-Frontend > js-Tutorial > Ajax übermittelt Daten an die Backend-Datenbank, um die Benutzerregistrierung zu implementieren

Ajax übermittelt Daten an die Backend-Datenbank, um die Benutzerregistrierung zu implementieren

php中世界最好的语言
Freigeben: 2018-04-03 17:16:14
Original
2515 Leute haben es durchsucht

Dieses Mal bringe ich Ihnen die Benutzerregistrierung, nachdem Ajax Daten an die Backend-Datenbank übermittelt hat. Welche Vorsichtsmaßnahmen gelten für die Übermittlung von Daten an die Backend-Datenbank durch Ajax, um die Benutzerregistrierung zu realisieren? ? Das Folgende ist die tatsächliche Praxis.

1. Um zu verhindern, dass Fehler an den Server gesendet werden, richten wir es normalerweise wie folgt ein:

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

1 Verwenden Sie die folgende Methode, um die Sprungseite zu (laden):
load() in JQuery Dies dient zum Laden einer Seite
window.location() Dies dient zum Springen Unter Windows Gehen Sie zu einer bestimmten Seite

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 Anmeldeschnittstelle springen:

 $("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
           }
         });
         
       })
Nach dem Login kopieren
Ich glaube, das haben Sie Ich habe die Methode gemeistert, nachdem ich den Fall in diesem Artikel gelesen habe. Wie aufregend, achten Sie bitte auf andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So erreichen Sie eine sekundäre Verknüpfung mit Ajax und PHP

js+ajaxcap betreibt JSON-Objekte in einer Schleife zum Tisch Speichern

Das obige ist der detaillierte Inhalt vonAjax übermittelt Daten an die Backend-Datenbank, um die Benutzerregistrierung zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage