ajax方式で登録機能を実現(バックグラウンドデータベースにデータをコミットしてインタラクションを完了)
2539 ワード
一、フォームを検証するとき、エラーをサーバに送信しないようにするには、通常、次のように設定します.
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を通じてデータを提出することができて、そしてログインインターフェースにジャンプして、コードは以下の通りです.
以上のコードはajax方式で登録機能を実現している.
$(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方式で登録機能を実現している.