如何将 html 块从代码隐藏 (C#) 传递到 javascript 函数

Question

我目前正在写我的期末论文。我有一个小问题。我需要将一个 HTML 块（它是一个字符串块）传递给 javascript 函数。我必须从代​​码后面执行此操作。我已经尝试了很多次，但似乎没有这是代码隐藏中的代码：

string htmlFlightDetailsJavaScript ;

在字符串中，很少有具有类属性的 div 和表。类似于 div class="bla"

ClientScriptManager cs = Page.ClientScript;
StringBuilder csText = new StringBuilder();
csText.Append("fill("+htmlFlightDetailsJavaScript+");");
cs.RegisterStartupScript(this.GetType(), "alert", csText.ToString(), true);

这是我的 javascript 函数：

function fill(b) 
{
   alert(b);
}

请注意，我的 javascript 函数位于 ~.aspx 上。

我试图传递没有类的字符串，这些类位于 div 和字符串中的表中，并且它正在工作。但是当我尝试通过类传递它时，它不起作用。任何人都可以帮助我吗？

非常感谢

Answer 1

这听起来像是正在生成无效的 Javascript。

这个假设可以通过检查实际传输的 JavaScript 并在上下文中验证整个结果的正确性来验证。

也就是说，假设生成了这个无效的 Javascript：

alert("<div class="I just broke JS" ...>")

要解决此问题，请确保插入 Javascript 中的字符串文字有效。

例如，上面的内容可能会编写为（使用以下代码）：

RegisterClientScriptBlock(JsEncoder.Format(@"alert(""{0}"");", theInput))

。 ..并且它不会中断，因为字符串之前已被转义。 （看一下这个输出并进行比较：插入的文字仍然是有效的 Javascript，即使在 theInput 中包含引号或其他字符。作为一个额外的好处，< /code> 来破解代码；-)

该代码是“免费使用、修改、出售等”。 YMMV。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Text.RegularExpressions;

namespace sbcjc.sei
{
        public class JsEncoder
        {
            static Regex EncodeLiteralRegex;

            // Format a bunch of literals.
            public static string Format (string format, params object[] items)
            {
                return string.Format(format,
                    items.Select(item => EncodeString("" + item)).ToArray());
            }

            // Given a string, return a string suitable for safe
            // use within a Javascript literal inside a <script> block.
            // This approach errs on the side of "ugly" escaping.
            public static string EncodeString (string value)
            {
                if (EncodeLiteralRegex == null) {
                    // initial accept "space to ~" in ASCII then reject quotes 
                    // and some XML chars (this avoids `</script>`, `<![CDATA[..]]>>`, and XML vs HTML issues)
                    // "/" is not allowed because it requires an escape in JSON
                    var accepted = Enumerable.Range(32, 127 - 32)
                        .Except(new int[] { '"', '\'', '\\', '&', '<', '>', '/' });
                    // pattern matches everything but accepted
                    EncodeLiteralRegex = new Regex("[^" +
                        string.Join("", accepted.Select(c => @"\x" + c.ToString("x2")).ToArray())
                        + "]");
                }
                return EncodeLiteralRegex.Replace(value ?? "", (match) =>
                {
                    var ch = (int)match.Value[0]; // only matches a character at a time
                    return ch <= 127
                        ? @"\x" + ch.ToString("x2") // not JSON
                        : @"\u" + ch.ToString("x4");
                });
            }
        }
}

快乐编码。

Answer 2

您可以使用 ClientScriptManager.RegisterStartupScript方法。

Answer 3

如果 htmlFlightDetailsJavaScript 中的类采用 div class="bla" 形式，您可能必须转义字符串中的引号或使用单引号，例如 div class ='bla'。

Answer 4

使用 RegisterClientScriptBlock() 方法并确保转义 HTML 中的引号。

"

"

Answer 5

我会退后一步，检查整个 HTML 块是否真的如此动态，以至于需要将其作为参数传递到函数中。

更简单的方法是将 HTML 元素作为页面的一部分发出，然后从您的函数中对其进行扩充。 IE。显示或隐藏它。

如果您的方案仍然需要您将 HTML 作为参数传递，则需要 在服务器端对整个字符串进行 HTML 编码，然后在 JS 中取消编码 。

Answer 6

我想如果您使用 ajax 调用和部分控件（用户控件）或自己编写内容，您可以更快地完成。

1) 用户控件将呈现您的 html 数据。
2）后面的页面代码将接收ajax调用并调用方法thal将渲染部分控件或写入。
3) 该方法将写入 Response.Output 流并结束 Response (Response.End())
4) javascript 将处理响应并显示结果。

（使用 jQuery）

// main.js

jQuery.ajax({
    type: 'POST',
    data: { isajax: true, ajaxcall: 'MyMethod' },
    dataType: 'html',
    success: function (data, textStatus, jqXHR) {
        alert(data);
    }
});

// CodeBehind
protected void Page_Load(object sender, EventArgs e)
{
    if (Request.HttpMethod == "POST" && Request["isajax"] == "true")
    {
        this.AjaxCall(Request);
    }
}

private void AjaxCall(HttpRequest request)
{
    switch (request["ajaxcall"])
    {
        case "MyMethod": this.MyMethod(request); break;
        default: break;
    }
}

private void MyMethod(HttpRequest request)
{
    Response.ContentType = "text/html";

    Response.Write("YOUR CONTENT GOES HERE.");
    // Or, render a User Control

    Response.End();
}

PS：如果您愿意，可以使用通用处理程序。只需将 url 选项添加到 jQuery ajax 方法即可。

如果有帮助请告诉我。