Ajax soumet des données à la base de données principale pour mettre en œuvre l'enregistrement des utilisateurs

Cette fois, je vous présenterai l'enregistrement de l'utilisateur après qu'Ajax ait soumis les données à la base de données backend. Quelles sont les précautions pour qu'Ajax soumette des données à la base de données backend afin de réaliser l'enregistrement des utilisateurs. ? Ce qui suit est la pratique réelle.

1. Lorsque nous validons le formulaire, afin d'éviter que des erreurs ne soient envoyées au serveur, nous le configurons généralement comme ceci :

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

1. Dans nodejs, nous pouvons. utilisez la méthode suivante Pour (charger) la page de saut :
load() dans JQuery Ceci est pour charger une page
window.location() Ceci est pour sauter sous Windows Accédez à une page désignée

2. Étapes d'installation et opérations associées de MongoDB dans node.js :
Téléchargez le programme d'installation. (fenêtre S'il s'agit d'un système XP, vous pouvez directement copier le répertoire d'installation dans le répertoire spécifié. Si vous exécutez le programme d'installation sur le système win7, vous pouvez choisir vous-même le chemin d'installation. (Notez que les caractères chinois n'apparaissent pas dans le chemin d'installation) Le MONgoDB installé est par défaut C:Program FilesMongoDBServer3.2bin
3. Créez un répertoire de données dans le même répertoire que l'installation, puis créez le répertoire db et le répertoire de journaux. dans le répertoire de données.
4. Dans la ligne de commande, entrez cd C:Program FilesMongoDBServer3.2bin et appuyez sur Entrée, puis entrez mongo. Entrez dans l'interface d'opération mongo.exe.
5. Commencez à exécuter MongoDB. Vous pouvez installer le programme MongoDB dans le service Windows via la commande suivante.
Enfin, ouvrez la ligne de commande et passez au répertoire bin de MongoDB. Exécutez :

mongod.exe --dbpath "c:datadb" --logpath "c:datalogmongodb.log" --install6 Dans mongo.exe, nous pouvons terminer l'ajout, Supprimer, modifier et vérifier : ce qui suit est introduit dans l'ordre
Avant cela, nous pouvons utiliser show dbs pour afficher toutes les bases de données dans le mongo actuel. Sinon, utilisez f30 (vérifiez d'abord s'il y a F30, sinon, automatiquement. créer une base de données nommée f30 database)
1>Ajouter : db.users.insert({maen:'dd',age:20})
Après l'ajout, vous pouvez utiliser db.users.find() pour voir si l'ajout est réussi
2>Supprimer : db.users.remove({maen:'dd'}) ou db.users.remove({}) (Il s'agit de supprimer toutes les données des utilisateurs)
3> ;Modifier : db.users .update({maen:'dd'},{age:22}) Remplacez l'âge du nom dd par 22
4> Recherche : db.users.find({age:{$ gt:20}) Trouvez plus de 20 données

3. Nous pouvons soumettre des données via BUTTON et accéder à l'interface de connexion :

 $("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
           }
         });
         
       })

Je crois que vous l'avez fait. maîtrisé la méthode après avoir lu le cas dans cet article, et plus Comme c'est excitant, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment réaliser une liaison secondaire avec Ajax et PHP

js+ajaxcap fait fonctionner des objets json en boucle à table Enregistrer

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!