ホームページ  >  記事  >  ウェブフロントエンド  >  Ajax はバックエンド データベースにデータを送信してユーザー登録を実装します

Ajax はバックエンド データベースにデータを送信してユーザー登録を実装します

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-03 17:16:142474ブラウズ

今回は、ajax がバックエンド データベースにデータを送信した後の ユーザー登録 について紹介します。 ajax がユーザー登録を実装するためにバックエンド データベースにデータを送信する際の 注意事項 とは何ですか。見て。

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

   $(function(){
    var isusername;(定一个变量)
    var ispwd;
     $('form').submit(function(e){
       if(!isusername || !ispwd){
         e.preventDefault();(阻止事件的默认事件)
      })
   });
1. nodejs では、次のメソッドを使用してページをジャンプできます:


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

2.

node.jsMongoDBのインストール手順および関連操作: 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。