如何将表单数据提交到Fancybox中的外部URL？

Question

我有这样的表格;

<form action="https://www.exampleurl.com" method="post" id="postForm">
    @Html.HiddenFor(x => x.hiddenField)
    <button type="submit" id="btnSubmit">Submit</button>
</form>

此网址“https://www.exampleurl.com”仅允许POST .. 当我点击btnSubmit时，我想在fancybox（http://fancyapps.com/fancybox/）上显示哪些数据从“https://www.exampleurl.com”返回..

我尝试了很多东西而且我得到了这个错误; “Access-Control-Allow-Origin不允许使用localhost。”

Answer 1

这里有两部分问题：

1）由于您正在进行表单发布，如果表单正确提交，则会将用户从您的网站引导至https://www.exampleurl.com。您永远不会收到回复，因为用户现在将在exmapleurl.com提供的任何页面上。如果您希望能够捕获响应并将用户保留在您的网站上，则应使用$ .post通过ajax发布数据。

2）出于安​​全原因，许多网站不允许跨域帖子，因此您将获得访问控制错误。如果您要么控制目标站点或正在与管理员一起工作，您可以要求他们更新Web服务器上的访问控制策略以允许来自您的域的帖子。如果你没有能力影响其他网站的政策，那么无论如何你都无法做你正在尝试的事情。