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

推薦する

JavaScript のモジュール性の説明

目次序文: 1. コンセプト2. モジュール化の利点3. 複数のスクリプトタグを導入した後の問題1....

異なるページ間のJavaScriptデータ転送(URLパラメータ取得)

Web ページでは、あるページに情報を入力すると、別のページにジャンプし、入力した情報が別のページ...

Vue はファジークエリを実装します - MySQL データベースデータ

目次1. 需要2. 実装3. 結果1. 需要入力ボックスにデータを入力し、入力結果に基づいてデータベ...

ウェブページ上でデスクトップ exe プログラムを呼び出す簡単な方法

この記事では主に、Web ページ上でデスクトップ exe プログラムを呼び出す方法を紹介します。 W...

Linux rpm および yum コマンドとその使用法の詳細な説明

RPM パッケージ管理インターネット ダウンロード パッケージのパッケージ化およびインストール ツー...

全文検索とキーワードスコアリング方式のMySQL実装例

1. はじめに今日、同僚から、MySQL を使用して ElasticSearch に似た全文検索機能...

MySQL ユーザー権限管理の分析例

この記事では、MySQL ユーザー権限管理の例について説明します。ご参考までに、詳細は以下の通りです...

アニメーションとトランジションの違い

CSS3アニメーションとJSアニメーションの違いJSはフレームアニメーションを実装しますCSS3はト...

Reactの基本のまとめ

目次序文始めるReactライフサイクルリアクトファイバーリアクトセットステートReactイベントメカ...

インターフェーステストプラットフォームを構築するためのDjango+Vue+Dockerの詳細な説明

1. 冒頭の2つの単語みなさんこんにちは。私の名前はLin Zonglinです。私はテストエンジニア...

PostgreSQL正規表現の一般的な機能の概要

PostgreSQL正規表現の一般的な機能の概要正規表現は、複雑なデータ処理を必要とするプログラムに...

MySQL 8.0.12 のインストールと使用方法のチュートリアル

MySQL 8.0.12のインストールと使用のチュートリアルを録画しました。ウィンドウズまず、公式ウ...

Ubuntu 18.04 に Anaconda3 をインストールするための詳細なチュートリアル

Anaconda は、conda、Python、およびそれらの依存関係など、180 を超える科学パッ...

Linux に MySQL 8.0.19 をインストールするための詳細な手順と問題解決方法

最近Tencent Cloudサーバーを購入し、環境を構築しました。このメモは、これまで MySQL...