ソースページ
ソース ページには、jQuery Click イベント ハンドラーを含む HTML ボタンがあります。ボタンをクリックすると、HTML フォームが作成され、ページの BODY タグに追加されます。アクションは、宛先ページ (Page2.aspx) に設定されます。Name TextBox と Technology DropDownList の AddParameter 関数の値を使用して、非表示フィールドとしてフォームに追加し、フォームを送信します。
<input type="button" id="btnPost" value="Send" />
<script type="text/javascript">
$(function () {
$("#btnPost").bind("click", function () {
//Create a Form
var $form = $("<form/>").attr("id", "data_form")
.attr("action", "Page2.aspx")
.attr("method", "post");
$("body").append($form);
//Append the values to be send
AddParameter($form, "name", $("#txtName").val());
AddParameter($form, "technology", $("#ddlTechnolgy").val());
//Send the Form
$form[0].submit();
});
});
function AddParameter(form, name, value) {
var $input = $("<input />").attr("type", "hidden")
.attr("name", name)
.attr("value", value);
form.append($input);
}
</script>
宛先ページ
Destination ページ (Page2.aspx) では、ASP.Net ページの Page Load イベントで、ポストされた 2 つのフィールドの値が取得され、ページに出力されます。以下のコードは C# で作成されていますが、他のテクノロジでも同様のことができます。
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
if (!string.IsNullOrEmpty(Request.Form["name"]) && !string.IsNullOrEmpty(Request.Form["technology"]))
{
Response.Write("<u>Values using Form Post</u><br /><br />");
Response.Write("<b>Name:</b> " + Request.Form["name"] + " <b>Technology:</b> " + Request.Form["technology"]);
}
}
}
長所:
データが非表示の形式で送信されることも 100% 保証されるため、クラス最高です。長所: データが非表示の形式で送信されることも 100% 保証されるため、クラス最高です。
短所:
投稿データを取得するためのサーバー側のテクノロジが必要です。投稿されたデータを取得するためのサーバー側のテクノロジが必要です。