Javascript jQuery放大弹出窗口-从ajax弹出窗口提交表单数据

所以我已经被困在这几天了。总的来说，我不熟悉jQuery和ajax请求，所以请耐心听我说。我之所以使用ajax弹出窗口，是因为我需要保留html结构，以便处理这个主题

我正在利用ajax弹出链接在同一页面中动态加载内容，作为覆盖。但是，某些页面包含的表单也需要向服务器发送post请求（如“添加到购物车”按钮或“联系人表单”的“提交”按钮）

问题在于，每当按下submit按钮时，它都会重定向到表单的action=“/html”，在任何情况下，表单的action=“/html”也会通过ajax加载到此页面

理想情况下，我希望它关闭现有的ajax弹出链接，并在同一弹出窗口中显示更新的页面内容，但据我所知，在另一个窗口中尝试嵌套ajax链接时没有简单的解决方法。我在下面尝试了更新弹出窗口的代码，但它不会发送更新内容的post请求：

<form method="post" action='/cart' id="ajax">
        {...}
        <a href="/cart" class="new_popup ajax-popup-link" onclick="this.parentNode.submit();return false;">Add to Cart</a>  
</form>

<script>
$('.ajax-popup-link').magnificPopup({
        type: 'ajax',
        key: 'popup',
        preloader: false,
        fixedContentPos: false,
        closeOnBgClick: false,
        settings: null,
        gallery: {
          // options for gallery
          enabled: true
        },
      });

      $(document).magnificPopup({
        delegate: '.new_popup',
      });
</script>

{...}
$（'.ajax弹出链接'）.magnificPopup({
键入：“ajax”，
键：'弹出'，
预加载程序：false，
fixedContentPos:false，
closeOnBgClick:false，
设置：空，
画廊：{
//画廊的选择
已启用：true
},
});
$（文档）。放大弹出窗口({
代表：'.new_popup'，
});

如果我使用按钮而不是链接，它将提交帖子数据，但不会将新内容委派到弹出窗口中

<button class="new_popup" name="submit" type="submit" title="Add to Cart">Add to Cart</button>

添加到购物车