如何通过ajax请求发送html内容？

Question

我有一个带有 textarea (tinymce) 的表单，用于输入内容。当我执行 ajax 请求时，我得到了错误：

一个潜在危险的 Request.Form 从客户端检测到值

然后我尝试了类似的东西

html.encodeURIComponent() 或 escape() 但错误仍然存​​在

HTML：

<form id="editForm" action="" method="post">
  <input type="text" id="title" name="title" />
  <textarea id="content" name="content"></textarea>
  <input type="button" id="submit" onclick="Submit();" />
</form>

脚本（我使用 jQuery）

function Submit(){
 $.ajax({                
  url: 'ajax.aspx?type=addcontent&' + $('#editForm').serialize() + '&rnd=' + Math.random(),
  success: function(data) {
   alert('OK');
  }
 });
}

我一按下提交按钮，就会出现错误。没有发出ajax请求。我尝试将ValidateRequest="false" 添加到aspx 页面，但问题仍然存在。

感谢任何帮助！

Answer 1

$.post('/foo', { htmlContent: '<someHtml/>' }, function(result) {
    alert('ok');
});

现在错误来自不接受 HTML 的服务器端脚本。 ASP.NET 引擎将自动丢弃任何包含 HTML 的请求。有多种方法可以禁用此行为，风险自负。其中之一是将ValidateRequest="false" 添加到aspx @Page 标头。

<%@ Page Language="C#" AutoEventWireup="false" ValidateRequest="false" %>

如果它是一个 ASP.NET MVC 应用程序，您可以使用 [ValidateInput(false)] 属性装饰您要发布到的控制器操作：

[HttpPost]
[ValidateInput(false)]
public ActionResult Foo()
{
    ...    
}

还需要注意的是，如果您运行的是 .NET 4.0，您将 need to add 将以下内容添加到您的 web.config：

<httpRuntime requestValidationMode="2.0" />

Answer 2

在我看来，另一个有效但缓慢的替代方案是对 HTML 字符串进行 base64 编码。 我使用了 jQuery 的 base64 扩展：

var html = ...my html unsafe text...

var encodedHtml =  $.base64.encode(html);