首页 > 解决方案 > http 204 响应在 iOS 中返回一个空白页面,有没有办法阻止这种情况?

问题描述

以前可能有人问过这个问题,但我似乎找不到解决方案,如果是这种情况,我们深表歉意。

我有一个使用 express 的简单节点应用程序正在开发中。其中一个发布路由返回一个 http 204 并发送它,下面是我的代码:

router.post("/:id", function(req, res, next) {
  if (!req.session.userId) {
    res.status(204).send();
  } else {
    console.log(req.params.id);
    User.findById(req.session.userId, function (err, user) {
      if (err) return handleError(err); 

      const nameForDatabase = req.params.id + "Correct";  
      console.log(nameForDatabase);

      user.set({[nameForDatabase]: req.body.correct});

      user.save(function (err, updatedUser) {
        if (err) return handleError(err);
        console.log(updatedUser);
      });
    });

    res.status(204).send();
  }
});

在桌面 chrome 中,这与预期的一样,帖子更新了用户数据,而页面保持不变。在 iOS 中,会加载一个空白页面。

有没有办法阻止空白页出现在 iPhone/iPad 上?

提前谢谢了。

注意:https ://simplenotesapp.herokuapp.com/fluids是我要实现的目标的模型,重要的是 204 不会加载新页面,因为一旦用户回答了问题,您就会看到并在底部提交,出现正确答案。

标签: iosnode.jshttpexpresshttp-status-codes

解决方案


在某些浏览器中,这似乎是一个众所周知的问题:

https://forums.developer.apple.com/thread/70226

https://bugs.chromium.org/p/chromium/issues/detail?id=368717

作为一种变通方法,您可以在您的网页中使用一些带有 Ajax 的 Javascript 来发布您的表单,而不是默认的表单发布,这样当前页面就不会受到任何影响。

只需将提交按钮连接到您的 Javascript 并执行 e.preventDefault() 以防止默认表单发布。然后您的 JS 可以在不影响当前页面的情况下发布表单。


推荐阅读