純粋な 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 引用のソースと出典をマークする方法

推薦する

MySQL で複数の主キーが定義されているエラーの解決方法

主キーを作成するには 2 つの方法があります。 テーブルテーブル名を作成( フィールド名タイプ、 フ...

CSS の Display、Visibility、Opacity、rgba、z-index: -1 の違い

ウェブページ上のいくつかの要素の非表示、透明、その他のプロパティを制御する必要があることがよくありま...

XHTML 入門チュートリアル: フレーム タグの使用

<br />フレーム構造により、ブラウザの 1 ページに複数の Web ページを同時に表...

MySQL/MariaDB で完全な Unicode をサポートする方法

目次utf8mb4 の紹介UTF8 バイト数超過エラーutf8mb4 サポートデフォルトの文字エンコ...

Nest.js のハッシュと暗号化の例の詳細な説明

0x0 はじめにまず、ハッシュアルゴリズムとは何でしょうか?メッセージやセッション項目など、一部のデ...

MySQLとOracleのメタデータ抽出例分析

目次序文メタデータとは参照文書アドレスまずはMySQLについてお話しましょうOracleについて話し...

MySQL がユーザー名とパスワードの漏洩を引き起こす可能性のある Riddle の脆弱性を公開

MySQL バージョン 5.5 および 5.6 を標的とする Riddle 脆弱性により、中間者攻撃...

MySQL におけるユニーク制約と NULL の詳細な説明

序文説明を簡略化するために以前に設定した要件は、他のグループから MQ メッセージを受信し、データベ...

SpringBootはActiviti7実装コードを統合する

Activiti7 の正式リリース以降、SpringBoot2.x との統合開発を全面的にサポートし...

JSタイマーを使用して要素を移動する

JS タイマーを使用して、要素に移動する効果のあるメソッドを作成します。実装のアイデアは、まず要素の...

MYSQL での Truncate の使用法の詳細な説明

この記事のガイド: テーブル内のデータを削除するには、削除と切り捨ての 2 つの方法があります。TR...

HTMLにおける絶対パスと相対パスの違いの分析

図に示すように: 1 つのページには多数のファイルが接続されているため、ファイルを参照するときには、...

ユーザー エクスペリエンス デザイナーとは誰ですか?

怖いですね! 写真の翻訳: (内側から外側へ)最初のレイヤー:ユーザーエクスペリエンス第2層:コンテ...

Docker イメージの最適化 (1.16GB から 22.4MB)

目次最適化の第一歩: 軽量ベースイメージの使用第2段階の最適化:多段階構築Docker は、ソフトウ...

HTML の iframe と frame の違いを例を使って説明します

プロジェクトで frameset 属性を使用したことがあるかどうかはわかりません。昨年、オンライン ...