ホームページ > 記事 > ウェブフロントエンド > Ajax はバックエンド データベースにデータを送信してユーザー登録を実装します
今回は、ajax がバックエンド データベースにデータを送信した後の ユーザー登録 について紹介します。 ajax がユーザー登録を実装するためにバックエンド データベースにデータを送信する際の 注意事項 とは何ですか。見て。
1. フォームを検証するとき、サーバーにエラーが送信されないようにするために、通常は次のように設定します:$(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. インストール プログラムをダウンロードします。 (窓XP システムの場合は、インストール ディレクトリを指定したディレクトリに直接コピーできます。 win7 システムでインストール プログラムを実行する場合は、インストール パスを自分で選択できます。 (インストールパスは中国語では表示されないことに注意してください) インストールされる MONgoDB のデフォルトは C:Program FilesMongoDBServer3.2bin
3 です。 インストールと同じディレクトリにディレクトリ data を作成し、そのデータ内に 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" --install
6. 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 } }); })
この記事の事例を読んだ後は、方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
Ajaxとphpを組み合わせた二次連携を実現する方法js+ajaxcapはjsonオブジェクトを操作し、保存するためにテーブルにループします以上がAjax はバックエンド データベースにデータを送信してユーザー登録を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。