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

ブログ    

推薦する

Reactの仮想DOMとdiffアルゴリズムの詳細な説明

仮想DOMの役割まず、仮想 DOM の出現によってどのような問題が解決されるのかを知る必要があります...

Vueはユーザーログインとトークン検証を実装します

フロントエンドとバックエンドを完全に分離する場合、Vue プロジェクトでトークン検証を実装する一般的...

MySQL count(1)、count(*)、count(field)の違い

目次1. COUNTの初見2. COUNT(フィールド)、COUNT(定数)、COUNT(*)の違い...

Vue プロジェクトで mock を使用する方法をご存知ですか?

目次最初のステップ: 2 番目のステップは、request.js で関連する構成を行うことです。re...

HTMLの最適化によりWebページの速度が向上

明らかな HTML、隠された「公開スクリプト」 Web ページのダウンロード時間を短縮する鍵は、フ...

Linux デバイスに空き容量がありません inode の満杯により 500 エラーが発生します

iノードとは何ですか? inode を理解するには、まずファイル ストレージから始める必要があります...

Web開発で使用される基本的な概念と技術の紹介

本日は、Web 開発で使われる基本的な概念と技術を初心者向けに紹介します。A から Z まで合計 2...

CSS3 border-radius 丸角の実装方法と使い方の詳しい説明

以前は、角を丸くするのは非常に面倒でしたが、CSS3 では、角を丸くするのは非常に簡単になり、bor...

CentOS に Memcached と PHP Memcached 拡張機能をインストールする

高性能分散メモリオブジェクトキャッシュシステムMemcachedについては、別の記事「Windows...

ドロップダウンメニューを表示または非表示にするJavaScript

この記事では、ドロップダウンメニューを表示および非表示にするJavaScriptの具体的なコードを参...

Vueは不規則なスクリーンショットを実装する

目次SVG による画像キャプチャCSS部分エフェクト画像表示ソースコードアドレスこれまで見てきたもの...

MySQL 8.0 の降順インデックス

序文インデックスが順序付けられていることは誰もが知っていると思いますが、MySQL の以前のバージョ...

MLSQLコンパイル時権限制御例の詳細な説明

序文MySQL の権限を簡単に理解すると、MySQL では自分の能力の範囲内で操作が許可され、その限...

IE6 の歪み問題

質問: <form...> の下の <input type="hidde...