无法通过 FormData Append 传递 HTML 内容答案

【问题标题】：Unable to pass HTML contents through FormData Append无法通过 FormData Append 传递 HTML 内容
【发布时间】：2020-09-12 02:23:38
【问题描述】：

我有一些 HTML 内容，需要通过 FormData.append 将其传递到后端。当我尝试像 HTML 内容一样传递它时，它会显示内部服务器 500 错误。当我只传递文本时，它成功到达后端。

代码

 var _description = "<p><b>Test Description</b></p>";
 var formData = new FormData();
 formData.append("Description", _description)

然后通过AJAX调用发送到后端，

 $.ajax({
            url: $("#addNewsDetails").val(),
           // cache: false,
            type: "POST",
            data: formData,
            dataType: 'json',
            contentType: "application/json; charset=utf-8",
            mimeType: 'multipart/form-data',
            processData: false,
            contentType: false,
            success: function (status) {
               //Success
            }
        });

【问题讨论】：

您的代码对我来说工作正常，没有任何例外。可能您正在处理导致问题的数据。你有一个 try-catch 块吗？实际异常将在 catch 块中。无论如何，您在 ajax 调用中有重复的“contentType”声明。

标签： c# html ajax asp.net-mvc form-data

【解决方案1】：

服务器可能配置为不接受 html。您可以尝试更改该设置，或者您可以在 ajax 调用之前对 html 进行编码。然后在服务器上你需要解码它。

如何在 javascript 中编码 html：Encode html entities in javascript
如何在 C# 中解码 html：https://docs.microsoft.com/en-us/dotnet/api/system.web.httputility.htmldecode?view=netcore-3.1

【讨论】：