登録機能を実装するAjaxメソッド

この記事では、登録機能を実装し、バックエンドデータベースにデータを送信して対話を完了するための ajax メソッドを主に紹介します。興味のある方は参考にしていただければ幸いです。

1. フォームを検証するとき、サーバーにエラーが送信されるのを防ぐために、通常は次のように設定します。

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

1. load) Jump ページ: JQuery の
load() これはページをロードします
window.location() これは Windows 上の指定されたページにジャンプします

2. Node.js での MongoDB のインストール手順関連する操作:
1. インストール プログラムをダウンロードします。 （窓XP システムの場合は、インストール ディレクトリを指定したディレクトリに直接コピーできます。 win7 システムでインストール プログラムを実行する場合は、インストール パスを自分で選択できます。 (インストール パスは中国語では表示されないことに注意してください) インストールされる MONgoDB のデフォルトは C:Program FilesMongoDBServer3.2bin
3 です。インストールされているディレクトリと同じディレクトリにディレクトリ データを作成し、そのディレクトリに db ディレクトリとログ ディレクトリを作成します。データディレクトリ。
4. コマンドラインに「cd C:Program FilesMongoDBServer3.2bin」と入力して Enter キーを押し、「mongo」と入力します。 mongo.exe 操作インターフェイスに入ります。
5. MongoDB の実行を開始します。次のコマンドを使用して、MongoDB プログラムを Windows サービスにインストールできます。
最後にコマンドラインを開き、MongoDB の bin ディレクトリに切り替えます。実行:

mongod.exe --dbpath "c:datadb" --logpath "c:datalogmongodb.log" --install6. mongo.exe で、追加、削除、変更、クエリを実行できます。次の手順 はじめに
その前に、show dbs を使用して現在の mongo 内のすべてのデータベースを表示できます。存在しない場合は、f30 を使用します (最初に F30 があるかどうかを確認し、存在しない場合は f30 という名前のデータベースを自動的に作成します)
1> db を追加します。 .users.insert({maen:'dd',age:20})
追加後、db.users.find() を使用して追加が成功したかどうかを確認できます
2>削除: db.users.remove({ maen:' dd'}) または db.users.remove({}) (ユーザーのすべてのデータを削除します)
3>変更: db.users.update({maen:'dd'},{age:22 }) 名前 dd の年齢は 22 に変更されます
4> 検索: db.users.find({age:{$gt:20}) 20 より大きいデータを検索します

3 からデータを送信できます。ログインインターフェイスにジャンプします。コードは次のとおりです:

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

上記のコードは、ajax を使用して登録機能を実装しています。

関連おすすめ:

登録機能に関するおすすめ記事10選

ログイン登録機能のコードを実装する(Node.js+Express+MongoDB)

ThinkphpでSMS認証登録機能を実装する_phpの例

以上が登録機能を実装するAjaxメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。