从服务器动态生成 JavaScript 代码 - MVC 4.

Dynamically Generate Javascript Code from Server - MVC 4

本文关键字：代码 MVC JavaScript 服务器 动态      更新时间：2023-09-26

我正在使用MVC 4 Web Api，我需要公开一个端点，客户端可以使用该端点在其网页上呈现代码。像这样的东西

<script type="text/javascript" src="http://server/endpoint"/>

当上述行包含在网页中时，服务器应该返回一个应该自动执行的javascript代码。

例如，如果服务器返回代码 - alert('hello') ，则客户端网页（使用脚本）应自动弹出"hello"。

服务器端代码可以如下所示。在这种情况下，服务器返回 javacript 代码以在浏览器中编写表。基本上，这用于返回大学中特定教授的出版物列表。公开该点，以便个人可以在其网页中包含脚本以显示其出版物

// GET api/values/5
        public string Get(int id)
        {
            var html = "<table><tbody>";
            html += "<tr>";
            html += "<td>row 1, col 1</td>";
            html += "<td>row 1, col 2</td>";
            html += "</tr>";
            html += "<tr>";
            html += "<td>row 2, col 1</td>";
            html += "<td>row 2, col 2</td>";
            html += "</tr>";
            html += "</tbody></table>";
            var script = string.Format(@"<script type='text/javascript'>document.write('{0}')</script>", html);
            return script;
        }

任何想法如何实现这一点。我尝试使用Response.Write("alert('hello')")但它不起作用。

1 - 如果你将在脚本标签中使用端点，你不需要在 de get 方法中重写脚本标签。

2 - 您尝试返回的代码不是 javascript 代码，这是一个 html 代码，在调用时不会运行，而是脚本标记。

3 - 尝试这样做：

.html：

<script type="text/javascript" src="http://server/endpoint"/>

网络接口：

public string Get(int id)
{
    return "alert('hello world');";
}

我正在使用带有 REST 终结点的 WCF 服务，我的脚本也被视为字符串，因为它在双引号之间被引用。

"alert('hello world');"而不是alert('hello world');

我在这里找到了解决方案：https://viswaug.wordpress.com/2008/05/22/customizing-the-response-serialization-in-wcf-rest-services/

您必须将响应的内容类型设置为 application/x-javascript 并将字符串包装在 MemoryStream 中，如下所示：

public Stream GetSomeScript()
{
    WebOperationContext context = WebOperationContext.Current;
    context.OutgoingResponse.ContentType = "application/x-javascript";
    const string TEXT_TO_SEND = "alert('hello world');";
    MemoryStream ms = new MemoryStream();
    StreamWriter sw = new StreamWriter(ms);
    sw.Write(TEXT_TO_SEND);
    sw.Flush();
    ms.Position = 0;
    return ms;
}

希望这有帮助。

相关文章：