ASP.net：传递动态创建的（由客户端 javascript）值以及回发

Question

我有一个按如下方式执行回发的按钮：

default.aspx

<asp:LinkButton ID="LinkButton1" CssClass="print" runat="server" PostBackUrl="Default.aspx" OnClick="ExportTaxInfoToPDF">Print</asp:LinkButton>

default.aspx.cs

protected void ExportTaxInfoToPDF(object sender, EventArgs e)
{
    ...

我想将一个 javascript 计算值传递给代码隐藏（例如$('#taxTable').html()，即我想将该计算的值绑定到EventArgs e，以便我可以在服务器端检索它）我该怎么做还是有更好的方法来实现？

谢谢

编辑：

按照 Tetsuya Yamamoto 的建议，我现在有以下代码：

<asp:HiddenField ID="TaxTableData" runat="server" Value="" />
<asp:LinkButton ID="PrintButton" CssClass="print" runat="server" PostBackUrl="Default.aspx" OnClick="ExportTaxInfoToPDF">Print</asp:LinkButton>

只要直接使用表格的 HTML 打开包含数据（表格格式）的弹出窗口，就会填充 TaxTableData：

$("#ctl00_maincontent_TaxTableData").val($table[0].outerHTML);

然后使用 iTextSharp 将 HTML 转换为 PDF。就是一个简单的html<table>:

<table>
<thead>
<th>...</th>
...
</thead>
<tbody>
..

我想知道是否有更好的方法将数据传输到服务器端，例如不强制禁用安全检查？有没有办法序列化表格并在另一边反序列化它？

Answer 1

首先，要在回发时将 JS 值传递到代码中，您可以使用以下方法设置隐藏字段服务器控件值：

<!-- ASPX markup -->
<asp:HiddenField ID="TaxTableData" runat="server" Value="" />
<script type="text/javascript">
    $('#<%= TaxTableData.ClientID %>').val($table[0].outerHTML); // set hidden field value with table markup
</script>

// Code behind
protected void ExportTaxInfoToPDF(Object sender, EventArgs e)
{
    ...
    var table = this.TaxTableData.Value; // get passed data
    ...
}

鉴于从客户端传递的字符串包含 HTML 表格标记，由于存在非法字符，在从隐藏字段回发期间可能会引发潜在的危险 Request.Form 异常。为避免这种情况，您可以尝试以下解决方案之一：

A.禁用请求验证

在web.config 文件中添加这些行：

<httpRuntime requestValidationMode="2.0" />
<pages validateRequest="false" />

另外，在Page 指令中你需要添加ValidateRequest 属性：

<%@ Page ValidateRequest="False" %>

这种方式可以让 HTML 标记中包含的非法字符顺利通过，但可能会带来与安全相关的问题。

B.使用 JSON 序列化

可以使用此方法将 HTML 标记序列化为 JSON 格式：

<script type="text/javascript">
    $('#<%= TaxTableData.ClientID %>').val(JSON.stringify({ html: $table[0].outerHTML }));
</script>

然后，使用隐藏字段值将其传递到代码后面，并使用JavaScriptSerializer 对其进行反序列化，使用专用类或Dictionary 类型：

// Code behind
protected void ExportTaxInfoToPDF(Object sender, EventArgs e)
{
    ...
    var serializedTable = this.TaxTableData.Value; // get passed data

    // use either dedicated class with SerializableAttribute or Dictionary type
    // this example uses Dictionary for simple HTML markups
    var serializer = new JavaScriptSerializer();
    Dictionary<String, Object> dict = serializer.Deserialize<Dictionary<String, Object>>(serializedTable);

    var table = dict["html"].ToString();
    ...
}

注意：如果提交的 HTML 标记包含值在单引号或双引号内的属性（例如 <table class='example'>），则在客户端设置隐藏字段值之前 escape all quote marks（通常在执行 JSON.stringify 时自动完成）。

如果您想保留请求验证设置，防止恶意脚本在客户端执行，则首选序列化方法。

相关问题：

1. Passing values from javascript to code behind in ASP.NET

2. A potentially dangerous Request.Form value was detected from the client

3. How to pass JSON data to code behind method (not to Webmethod)?

4. Deserialize JSON String in code behind