如何在MVC视图与控制器间传递含加号的字符串？

这个问题我之前做MVC项目时也踩过坑！核心原因是HTTP表单默认用的application/x-www-form-urlencoded编码规则里，加号+会被自动解析成空格。要搞定这个，有几个实用的办法：

1. 前端编码+后端自动解码（最推荐） #

因为你的输入值是动态的，我们可以在Knockout绑定阶段就对值做URL编码，把加号转成%2B（加号的URL编码形式），这样提交到后端后就能被正确解析。

• 修改Knockout的绑定代码，直接在绑定中调用encodeURIComponent处理值：

  <input type="hidden" data-bind="value: encodeURIComponent(name())" name="TestInput" />
  

  这里注意如果name是Knockout的可观察对象，要加上括号取实际值。

• 后端控制器接收时，MVC的模型绑定会自动帮你完成解码工作，直接绑定到模型属性即可：

  [HttpPost]
  public ActionResult SubmitForm(YourViewModel model)
  {
      // model.TestInput 就是带加号的原始值
      return View();
  }
  

  要是需要手动处理，也可以用HttpUtility.UrlDecode：

  string testValue = HttpUtility.UrlDecode(Request.Form["TestInput"]);
  

2. 修改表单编码类型（适合特殊场景） #

把表单的enctype属性改成multipart/form-data，这种编码方式不会把加号解析成空格。不过这个方案更适合包含文件上传的表单，普通表单用它有点大材小用，还会增加请求体积：

<form method="post" enctype="multipart/form-data">
    <!-- 你的表单元素 -->
</form>

这种情况下，后端接收模型属性时不需要额外处理，直接就能拿到带加号的原始值。

3. 后端读取原始请求体（兜底方案） #

如果前端代码不好修改，也可以在后端直接读取原始请求内容，手动解析参数。这个方法比较繁琐，只建议作为兜底：

[HttpPost]
public ActionResult SubmitForm()
{
    Request.InputStream.Position = 0;
    using (var reader = new StreamReader(Request.InputStream))
    {
        string rawBody = reader.ReadToEnd();
        var parameters = rawBody.Split('&')
                                .Select(p => p.Split('='))
                                .ToDictionary(kv => kv[0], kv => HttpUtility.UrlDecode(kv[1]));
        string testValue = parameters["TestInput"];
    }
    return View();
}

总的来说，第一种方案是最优解，改动小、符合HTTP规范，还能兼容所有带特殊字符的场景。

内容的提问来源于stack exchange，提问作者1-May