この記事では主に、Node.js をバックエンドとして使用し、jQuery を使用してフロントエンド AJAX コードを記述してユーザーのログインおよび登録機能を実装するための関連知識を紹介します。非常に良い基準値を持っています。エディターで見てみましょう
最近、Node.js がバックエンドとして実装され、jQuery がフロントエンドの AJAX コードを記述してユーザーのログインと登録機能を実現し、フロントエンドと登録の 3 つのビューを更新しました。バックエンドのインタラクション。これについては特に注意してください。
1.login.ejs はフォーム フレームワークを実装します
<form > <ul> <li><p>用户名</p></li> <li><input type="text" name="username" id="username"></li> </ul> <ul> <li><p>密码</p></li> <li><input type="password" name="password" id="password"></li> </ul> <ul class="mt50"> <li><input id="login_submit" class="submit" type="button" value="登 陆"></li> </ul> </form>
フォームはメソッドを追加せず、リクエストの送信に ajax を使用することを意図しています。
2.jsはリクエスト送信を実装します
$("#login_submit").click(function(){ var username=$('#username').val(); var password=$('#password').val(); //这里实现对 username和password格式的判断 //........ //发送ajax请求 使用post方式发送json字符串给后台login $.ajax({ type: "post", url: "http://localhost:3000/login", dataType: "json", data:{ username: username, password: password }, success: function(data){ //接受返回的数据,前端判断采取的动作 if(data){ if(data.message=="false"){ alert('密码错误,请重新输入'); window.location.href="login"; }else{ alert('登陆成功'); window.location.href="index"; } } else{ } } }); });
2. バックグラウンド受信
/** * 注册页 post */ router.post('/reg', function (req, res, next) { //先查询有没有这个user console.log("req.body"+req.body); user2.findDocuments(DATABASE, "users", 1, {"uName":req.body.username}, function (user) { res.setHeader('Content-Type', 'application/json;charset=utf-8'); if(user.length==0){ //用户名没有重复 同意创建用户 user2.insertDocuments(DATABASE, "users", [{ "uName":req.body.username, "uPasswd":req.body.password, "uEmail":req.body.email, "uHasshop":0, "uShopname":"null", "aId":'-1' }], function (result){ res.send({status:"success", message:"true"}); } ); } else{ // 用户名重复。找到这个user 不同意创建用户 res.send({status:"success", message:"false"}); } }); });
登録ページはログインページと似ています。もはや。
つまり、ブラウザがアクセスするページはフロントエンドのものだと私は常に感じていました。バックエンドは、実体のないコードの束です。これで、アクセスしたすべての URL がバックエンドに属していることがわかりました。バックエンドによって送信されたコンテンツはブラウザによって表示されます。フロントエンドの表示は一瞬だけであり、バックエンドのリソースは永続的です。
以上がnode.js+jQueryを使用してユーザーログイン登録を実装します(AJAX対話)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

WebStorm Mac版
便利なJavaScript開発ツール

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

Dreamweaver Mac版
ビジュアル Web 開発ツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。
