Maison  >  Article  >  développement back-end  >  Méthode Ajax pour implémenter la fonction d'enregistrement

Méthode Ajax pour implémenter la fonction d'enregistrement

小云云
小云云original
2018-01-12 16:30:051730parcourir

Cet article présente principalement la méthode ajax pour implémenter la fonction d'enregistrement et soumettre les données à la base de données backend pour terminer l'interaction. Les amis intéressés peuvent s'y référer. J'espère que cela pourra aider tout le monde.

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


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

1. Dans nodejs, nous pouvons utiliser la méthode suivante pour (charger) sauter des pages :
load() dans JQuery Il s'agit de charger une page
fenêtre. location () Il s'agit d'accéder à une page spécifiée sous Windows

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> gt:20}) Trouvez plus de 20 données

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


<.>


Le code ci-dessus utilise ajax pour implémenter la fonction d'enregistrement.
 $("input[type=button]").click(function(e){
 if(!isUsernameValid || !isPwdValid){ //用if语句来判断当用户名或者密码有一个为false时就弹出一个消息框,并提示:请输入正确的信息。
           alert(&#39;请输入正确的信息&#39;);
           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
           }
         });
         
       })


Recommandations associées :

10 articles recommandés sur la fonction d'enregistrement

Code pour implémenter la fonction de connexion et d'enregistrement (Node.js +Express+MongoDB)

Thinkphp implémente la fonction d'enregistrement de vérification par SMS_php exemple

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn