登録機能を実装するAjaxメソッド
- 小云云オリジナル
- 2018-01-12 16:30:051734ブラウズ
この記事では、登録機能を実装し、バックエンドデータベースにデータを送信して対話を完了するための 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 より大きいデータを検索します
$("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 を使用して登録機能を実装しています。 ログイン登録機能のコードを実装する(Node.js+Express+MongoDB)
以上が登録機能を実装するAjaxメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。