源页面
源页面有一个带有 jQuery Click 事件处理程序的 HTML 按钮。单击 Button 时,会创建一个 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>
目标页面
在目标页面 (Page2.aspx) 上,在 ASP.Net 页面的页面加载事件中,两个已发布字段的值被获取并打印在页面上。以下代码已在 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% 保证数据也以隐藏形式发送。
缺点:
需要服务器端技术来获取发布的数据。需要服务器端技术来获取发布的数据。