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

推薦する

Linuxで相対パスを表現する方法

たとえば、現在のパスが /var/log で、/usr ディレクトリに移動する場合は、次のコマンドを...

MysqlチューニングExplainツールの詳細な説明と実践的な演習(推奨)

MySQL チューニング ツールの詳細な説明と実践的な演習の説明 ツールの紹介の説明 分析例の説明...

Nginx+Apache の動的および静的分離の導入の詳細な例

Nginx の動的および静的分離の概要Nginx は静的処理能力が強力ですが、動的処理能力が不十分で...

Alibaba Cloud MySQL スペースをクリーンアップする方法

今日、Alibaba Cloudからディスク警告通知を受け取りました。確認したところ、100Gのスペ...

bash を使って日付をカウントダウンする方法

重要なイベントまであと何日あるか知りたいですか? Linux bash と date コマンドが役に...

VS2019をMySQLデータベースに接続するプロセスと一般的な問題の概要

今日の午後からVS2019をMySQLで使えるのではないかと思い、いろいろ環境構築を始めました。プロ...

resizeを使用して画像切り替えプレビュー機能を実装する方法

要点CSS resize プロパティを使用すると、要素のサイズ変更可能性を制御できます。サイズ変更を...

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

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

HTMLセマンティクスと関連するフロントエンドフレームワークの詳細な分析

セマンティクスについて意味論は、記号やシンボルとそれらが表す意味との関係を研究する学問です。言語学で...

Windows での自動展開に Jenkins を使用するチュートリアル図

今日は、Jenkins + powershell スクリプトを使用して、.NET CORE スクリプ...

Vue モバイル開発で better-scroll を使用するときにクリック イベントが失敗する問題の解決策

最近、モバイル プロジェクトの開発方法を学ぶために vue を使用し、スクロールには better-...

Vue の新しいパートナー TypeScript クイックスタート実践記録

目次1. 公式の足場を使って構築する2. プロジェクトディレクトリ分析3. TypeScript の...

layui をベースにしたログインページの実装

この記事の例では、ログインページを実装するためのlayuiの具体的なコードを参考までに共有しています...

HTMLでキーワードを強調表示するのに最適なソリューション

最近、プロジェクトに取り組んでいるときに、Web ページ上のキーワードを強調表示する機能に遭遇しまし...

Nginx設定の原理と実装プロセスの詳細な説明https

Linuxユーティリティcertbotを使用してhttps証明書を生成するこのツールは Let&#...