ajax方式で登録機能を実現(バックグラウンドデータベースにデータをコミットしてインタラクションを完了)

2539 ワード

一、フォームを検証するとき、エラーをサーバに送信しないようにするには、通常、次のように設定します.

   $(function(){
    var isusername;(     )
    var ispwd;
     $('form').submit(function(e){
       if(!isusername || !ispwd){
         e.preventDefault();(         )
      })
   });

1、nodejsでは、JQueryのload()ページをスキップ(ロード)する方法があります.これはページをロードするwindowです.location()これはwindowsの下で指定されたページにジャンプします
二、node.jsにおけるMongoDBのインストール手順及び関連操作:1.インストーラをダウンロードします.(windowXPは2.2以前のバージョンしか使用できません.window 7以上のシステムは最新のバージョンを使用できます)ダウンロードアドレス:http://www.mongodb.org/downloads2.MongoDBのインストールを開始します.XPシステムの場合、インストールディレクトリを指定したディレクトリに直接コピーできます.win 7システムでインストーラを実行する場合は、自分でインストールパスを選択できます.(インストールパスが中国語で表示されないように注意)インストールされたMONgoDBのデフォルトはC:Program FilesMongoDBServer3.2bin 3.インストールされた同じディレクトリの下にディレクトリdataを作成し、dataディレクトリにdbディレクトリとlogディレクトリを作成します.4.コマンドラインにcd C:Program FilesMongoDBServer3.2binを入力し、mongoを入力します.行うexe操作インタフェース.5.MongoDBの実行を開始します.以下のコマンドでMongoDBのプログラムをwindowsのサービスにインストールできます.最後にコマンドラインを開き、MongoDBのbinディレクトリに切り替えます.運転:mongode.exe --dbpath "c:\data\db"--logpath "c:\data\log\mongodb.log"--install 6.ここにいるよexeでは、追加、削除、変更、検索を完了できます.ここでは、show dbsを使用して現在のmongoのすべてのデータベースを表示することができます.もしない場合はuse f 30を使用します(F 30があるかどうかを探して、ない場合はf 30というデータベースを自動的に作成します).1>増加:db.users.insert({maen:'dd',age:20})が増加するとdbを使用する可能性があります.users.find()は増加に成功したかどうかを見ます2>削除:db.users.remove({maen:'dd'})またはdb.users.remove({})(usersのすべてのデータを削除します)3>変更:db.users.update({maen:'dd'},{age:22})名前ddの年齢を22 4>検索:db.users.find({age:{$gt:20})20より大きいデータを検索
三、私達はBUTTONを通じてデータを提出することができて、そしてログインインターフェースにジャンプして、コードは以下の通りです.

 $("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方式で登録機能を実現している.