以模态形式处理服务器端验证的最佳实践

Question

我有一个显示在模态窗口中的html表单，并且在提交时，将由我的服务器验证。提交表单时：

• 如果通过验证，模态将关闭，父屏幕将更新
• 如果验证失败，将使用替换的html表单更新模态，其中包含验证错误消息

目前我的http响应都是html格式，响应代码为200，因此javascript无法区分该做什么。

我想知道让javascript知道是否在模态或父级中显示响应主体的最佳方法是什么。

• 我可以在响应标头中使用http响应代码或参数;
• 我可以在json中使用成功或失败的标志和包含html文本的json对象进行响应;
• 我可以成功进行http重定向;
• 我可以做成功的json响应和验证失败的html响应
• ...... etc

那么处理这种情况的最标准方法是什么？

Answer 1

不确定这个问题是否会被视为过于自以为是，但这是我的两分钱。不要使用HTTP响应代码，除非您非常确定您知道自己在做什么并想要这种方法。每次都使用JSON，而不是HTML或HTML和JSON。它比返回HTML和进行简单的DOM更新更加灵活和可扩展。正如您所提到的，当您只是返回HTML时，没有好的方法来指出错误或成功条件。使用JSON，您可以返回要应用的错误数组，添加状态标志以及您可能需要的任何其他功能。然后，您可以编写更多Javascript来处理成功和错误。