純粋な HTML ページを送信し、パラメータを渡し、ID を確認する方法

純粋な HTML ページを送信し、パラメータを渡し、ID を確認する方法
プロジェクトにはアンケートが必要ですが、クライアントはアンケートのタイトルが純粋なHTMLタグでなければならないことを要求しているため、一連の問題に直面しています。

1. ページの送信方法<br />ユーザーがアンケートを完了した後、調査結果をどのように送信しますか?

2 ページにパラメータを渡す方法<br />複数の人が同じアンケートを送信した後、管理者がアンケートを表示するときに、表示されているデータが特定の人のアンケートであることを確認するためにパラメータを渡す方法。実際、この問題は ASP.NET で最も単純なクエリ文字列を使用することで解決できますが、純粋な HTML でパラメータを渡すにはどうすればよいでしょうか。

3ユーザーの本人確認方法<br />ユーザーはログイン後にのみ質問に答えることができます。ユーザーがログインしているかどうかを確認するにはどうすればよいですか?
システム全体が HTML を使用して実装されていますか?それはできるでしょうか?それは不可能のようです。結局のところ、送信されたデータはデータベースに保存される必要があり、純粋な HTML ではそれができないと思います。
したがって、基本的な考え方は、フロントエンドには HTML の静的 Web ページを使用し、バックエンドでは Csharp コードを使用する必要があります。

1ページの送信方法<br />実際には、主にタグ形式を通じて純粋な HTML を送信できます。
たとえば、次のコードは、savedata.aspx に送信された後、ユーザーが入力したすべてのデータを取得し、処理後にデータベースに保存し、ajax または入力タイプの送信タグを通じて送信できます。

コードをコピー
コードは次のとおりです。

<input type="submit" value="送信" />


コードをコピー
コードは次のとおりです。

<フォームアクション="savedata.aspx" メソッド="post">
<p>名: <input type="text" name="fname" /></p>
<p>姓: <input type="text" name="lname" /></p>
<input type="submit" value="送信" />
</フォーム>

2 ページにパラメータを渡す方法<br />ASP.NET では、クエリ文字列を使用してページにパラメータを渡すのが最も簡単です。ただし、純粋な HTML Web ページは、対応する背景のない静的 Web ページです。パラメータを渡す方法は? たとえば、同じアンケート セットで、Zhang San と Li Si の両方がアンケートに回答したとします。管理者は、Zhang San のアンケートを表示したいと考えています。アンケートの質問に Zhang San の回答を再割り当てするにはどうすればよいでしょうか?
HTML は静的なページなので、データを読み取る場合は、Ajax を通じて動的に回答を読み取り、静的なページを変更する必要があります。しかし、人を表すパラメータをどうやって渡すのでしょうか?
実際には、依然としてクエリ文字列を介して行われますが、クエリ文字列を分析する方法がバックグラウンドからフロントエンドに変わり、js を介してクエリ文字列を分析し、その後、ajax を介してデータを読み取るようになりました。

コードをコピー
コードは次のとおりです。

関数 QueryString(名前)
{
var sURL = window.location.search
var re = new RegExp("" +name+ "=([^&?]+)", "ig");
var 結果 = re.exec(sURL);
if(結果)
{
var temp = result[0].split('=');
temp[1]を返す。
}
それ以外
{
戻る "";
}
}

もちろん、別の方法もあります。データはバックグラウンドで読み取られるため、セッション内の情報に応じてパラメータを取得できます。ただし、セッションに関連情報がない場合、クエリ文字列を通じてのみ取得できます。
たとえば、この例では、クエリ文字列を使用するのが唯一の方法です。

3 ユーザー本人確認の方法<br />システム全体を HTML だけで完結することはできないため、フロントエンドの表示は純粋な HTML、バックエンドは Csharp コードであり、当然セッションが存在し、ユーザー本人確認も行えます。静的 HTML ページの有効期限が切れているかどうかを判断する必要がある場合は、Ajax を介してバックグラウンド メソッドを呼び出して、セッションが存在するかどうかに基づいて、ユーザーがログインしているかどうか、および期限が切れているかどうかを判断できます。

<<:  JavaScript で 2 次元配列を作成するためのヒント

>>:  CSS3 引用のソースと出典をマークする方法

推薦する

EXPLAIN を使って MySQL の SQL 実行プランを分析する方法

序文MySQL では、EXPLAIN コマンドを使用して、テーブルの接続方法や SELECT ステー...

JavaScriptの強力な演算子をいくつか見てみましょう

目次序文1. ヌル合体演算子2. ??= 空代入演算子3. ?. オプション連鎖演算子4. ?: 三...

Vue ルーティング this.route.push ジャンプ ページが更新されない場合の解決策

Vue ルーティング this.route.push ジャンプ ページが更新されない1. 背景概要:...

5つのCSSスクロール天井実装方法の比較(パフォーマンス向上版)

改訂版のプレビューこの記事は 3 日前に書かれたものです。先輩の同僚から改訂の提案をいくつかいただき...

入力ボックスのプレースホルダーアニメーションと入力検証を実現する純粋なCSS

さらに興味深いコンテンツについては、https://github.com/abc-club/free...

HTML ボディタグと HTML でよく使われる制御タグの詳細な説明

1. <body> タグ: Web ページの本体をマークするために使用されます。body...

JavaScriptクロージャの原理と機能の詳細な説明

目次導入クロージャの使用カレー作りパブリック変数の実装キャッシュカプセル化(属性のプライベート化)閉...

DockerでJavaプログラムを起動する方法

シンプルなSpring Boot Webプロジェクトを作成するアイデア ツールを使用して、Sprin...

MySQL スロークエリログの詳細な理解

目次スロークエリログとは何ですか?スロークエリを有効にする方法ログ分析ツール mysqldumpsh...

CSS 画像アニメーション効果のサンプルコード(フォトフレーム)

この記事では、CSS 画像アニメーション効果(フォトフレーム)のサンプルコードを紹介し、皆さんと共有...

Vue2 における 12 種類のコンポーネント通信

目次1. 小道具2..同期3.vモデル4.参照5. $emit/v-on 6. $attrs/$li...

MySQL における制限関数と合計関数の混在使用の問題の詳細な説明

序文今日、注文データを同期した後、同僚は、合計注文金額とデータソースの合計金額に差があったため、LI...

LinuxはMySQLデータベースの自動バックアップとスケジュールバックアップを毎日実装しています

概要バックアップは災害復旧の基礎であり、システム操作エラーやシステム障害によるデータ損失を防ぐために...

CSS スタイルで一般的なグラフィック効果を示すサンプルコード

一般的な基本グラフィックと私が遭遇するいくつかの小さなアイコンについて簡単に説明します。以下は CS...

Zabbix 監視 Docker アプリケーション構成

コンテナの応用はますます一般的になっていますが、大量のコンテナをどのように管理すればよいのでしょうか...