jQuery大型弹出式窗口-从Ajax弹出式窗口提交表单数据

编程问答 2022-06-12

问题描述

所以我已经坚持了几天。我不熟悉jQuery和ajax请求，因此请耐心等待。我正在使用magnific popup plugin ajax弹出窗口，因为我需要保留html结构才能使该主题与big cartel一起使用。

我正在利用ajax-popup-link在与覆盖图相同的页面中动态加载内容。但是，某些页面包含一些表单，这些表单也需要向服务器发送发布请求（例如，添加到购物车按钮或联系表单的提交按钮）。

问题在于，每当按下“提交”按钮时，它将重定向到表单的action =“ / html”，在每种情况下，该表单也将通过ajax加载到此页面。

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

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

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

void _startAuth() async{
bool _isAuthentiated = false;
try{
  _isAuthentiated = await _auth.authenticateWithBiometrics(
      localizedReason: "Touch ID is required to use App",useErrorDialogs: false,stickyAuth: false,);
} on PlatformException catch(e){
  print(e.message);
}

if(_isAuthentiated) {
  AppRoutes.replace(context,MainApp());
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ajaxhtmljavascriptjquerymagnific-popup